Setting up example app within directory path - angularjs

I have a Shopify store, which uses the liquid templating engine. I'm trying to setup a blog on within this site / theme.
I would like to design the blog with angular. The blog has it's own directory within the site, and it's not on a subdomain of it's own.
http://holstee.com/blogs/themes
http://holstee.com/blogs/themes/111111-article-title
I'm wondering if this is something that can be done with angular, and why it's the example that's up isn't binding? Is it a base url thing?

If your wondering why your example on that page isnt working, bring up your Javascript console (Command + J) and you'll see the error. You need to initialize the myApp module.
Something like
angular.module('myApp',[]);
The error can be found here:
http://tinyurl.com/mbvhc5a
And to answer your question, yes you can use angular for your blog, but the question is more likely to be is it the right choice? For most blogs, the answer would be no, unless your planning a high amount of user interaction with the UI.

Related

AngularJS: Trying to understand the technology behind loading new content without reloading a page

Using AngularJS 1.5.8 and Django/Django REST Framework as the back-end.
At this points have two URLs (app/ for login and app/dashboard as the main content); would be great to just have app/.
login and dashboard I have as components; navbar and sidebar I have as directives.
Using ngRoute currently and somethings I am reading lead me to believe I should be using ui-router to accomplish this.
Just some basic things that came to mind.
My sidebar has several tools I am developing. I want the user to be able to click on them, and then have the content related to that tool load in the main content area without the page refreshing or the URL changing.
Some of what I have read suggests ui-router might be better for this purpose? I am not, sure as I am just learning AngularJS and still struggling with its concepts. Thus, I don't have any code to post that needs to be fixed. Primarily just trying to understand the concepts and technology I need to look into to accomplish this. Makes it hard to lookup results on Google and SO when you aren't even sure what the terminology and tech is that you should be looking for.
Not sure if ngRoute or ui-router should be used; whether the modules should be built as components or directives; if the content for each tool stays in its own HTML template; etc...
This is a somewhat broad question but what you are looking for is client-side routing. Both ngRoute and ui-router offer this functionality and in very similar ways except ui-router offers significant extensibility with nested routes and multiple named view containers.
My advice is to start with ngRoute and learn it's ins and outs and then switch to ui-router if you find you need this extra functionality.
Client-side routing can either be used with the hash-bang (#/) or using html5 mode you can use a base URL that would function visually like server-side routing.
Now you've got the terms to search at least so happy Googling!

How to connect AngularJS with WordPress?

I have a mobile app that I am constructing with Ionic Framework, I've been researching trough the web trying to get any tutorial which give me the answer to my question: how can I connect my app with WordPress?
all I see is questions like this
I don't want/need to touch anything in the WordPress part, unless I need any plugin or something, all I need is to display the posts of WordPress account in my mobile app main view, so, is there any tutorial you can show me which goes straight to the point? do you have any example?
My app is running with Angular, so I need to do everything with it.
I saw this tutorial but he is doing it with something named Freshly-Pressed, how can I do it but with my own WP ?
I didn't find any tutorial but you can acheive this with WP-REST API. Which gives you to fetch posts or create posts and more.
OR If you want to acheive it through a plugin then follow this post http://www.sitepoint.com/wordpress-json-rest-api/

Use backbone routing without changing url

I have developed a webapp using backbone.js and more importantly a backbone router. Now I have been asked if this app that changes the URL depending on what section you visit, can be used within a single div as mini module on a website. Almost like a widget within a dashboard.
Any ideas how I could quickly implement this..... I feel like i'm missing a simple solution here.
Thanks,
Gary

Google Maps AuthenticationService denying maps loading in AngularJS app

I've run into some basic trouble implementing Angular Google Maps into my application.
At first I thought it was my app code but this plunker demonstrates the same problem:
http://plnkr.co/edit/SWxqso?p=preview
This is almost exactly the Quickstart guide found here: http://angular-google-maps.org/use and for some reason I'm hitting Google's AuthenticationService when the map files are requested.
This seems to be Angular related as similar code outside of the app runs fine without an API key. I've tried everything I can think of (including adding my API key and adding my domains to my API console at Google).
There's another non-working version here too: pitwall.csoutham.com/#/circuit/adelaide (not enough reputation to post more than two links).
Any guidance very gratefully received.
this is my answer to a question from yesterday with google-maps implementation, there is a working example in jsfiddle too
AngularJS - load google map script async in directive for multiple maps
#Chris Southam I know you've switched off, but for posterity sake, your plnkr was missing a closing for the angular-google-maps import. See your example corrected here, http://plnkr.co/edit/qfhuW9?p=preview .

How to dynamically replace contents of HTML tags with Python on Google App Engine with lxml?

I am using Google app engine and python to build an application. I am incredibly new to python as well as GAE. I have a index.html file with the basic template for my site. However I would like to replace the contents of a few tags depending on the URL. For example update the title tag for each individual pages. From what I can tell the recommended way to do this is using the lxml library.
And so... Tonight is my first time I have ever worked with lxml and I am having a really hard time wrapping my head around it. I have been fooling around with several permutations of the basic syntax and have not had much success understanding how it works. I have looked for different tutorials and the documentation is few and far between.
When I try the following code I get a 'lxml.etree._ElementTree' object has no attribute 'find_class' error, however the documentation here: http://lxml.de/lxmlhtml.html#parsing-html it sure looks like it should have that class
Am I on the right path? Is this the most efficient/best way to replace the content of html tags?
import os
import webapp2
import lxml.html
doc = lxml.html.parse('index.html')
doc.find_class("title") == 'About Page'
self.response.write(lxml.html.tostring(doc))
This is definitely not the way to that on Google App Engine. You should use some kind of template framework like Jinja2 or Django to achieve your goal.
But before all that you will have to make sure that you completed the Getting Started Tutorial, where you can see these things in action.

Resources