Setting up deep linking

Keyboard Shortcuts

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.…

Resume Transcript Auto-Scroll

Author

Released

3/25/2014

Get a fresh look at AngularJS, a "superheroic" framework for building single-page web applications fast. Ray Villalobos shows you how to understand the practical uses of AngularJS with a directory search project—a traditional type of web app you can add to your existing sites. He defines the MVC architecture underlying AngularJS: the model (your data), views (how data is flowed into your template), and controllers (the JavaScript that links the two together). You then learn how to divide your project into modules; work with services like $http, $routeProvider, and animation; and set up deep linking and navigation. Start now, and learn the simple way to build your own complex web application.

Topics include:

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

1h 20m

Duration

1,069,320

Views

Show MoreShow Less

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.