As your application grows, you may need to break down your content for better organization. Because AngularJS can only be used for creating single-page applications, it uses a function known as deep linking to allow you to load sub-templates on the same page. Watch this video tutorial to learn more about setting up deep linking with AngularJS.
…Once your applications get bigger, it's a good…idea to split up how you organize your content.…On a normal website, you do that by using different pages.…But Angular, after all, is a framework for creating single page applications.…The way we do this with Angular is to use a technique called routing.…Routing means loading different sub-templates, depending on the URL of…the page, it turns on another Angular feature called deep linking.…So let me explain.…One of the problems with single page applications is that they don't…work well with the browsers back button, or for that matter, bookmarking.…
That's because by definition, a single page application is on a single page.…So how would you get Angular to pretend…that one page is actually an entire website?…Angular uses a special service called $routeProvider…to provide a feature it calls deep linking.…Deep linking takes care of looking at the location URL and…managing how it maps to the current state of the page.…Now, it does this by setting up different URLs depending on the state of the page.…
- What is AngularJS?
- Working with complex models
- Using a the $http service to read a JSON file
- Binding data
- Dividing your app into partials
- Creating a details template
- Using AngularJS animation events
Skill Level Intermediate
Q: This course was updated on 12/11/2015. What changed?
A: We updated two movies ("Creating our details template" and "Adding navigation to our details page") to reflect changes to AngularJS 1.4.8 and the 1.5 beta.