Now that you have some experience with deep linking, you can look at adding more than one route in your project.
- [Man] Let's go ahead and create another partial,…and it's going to be a details page…for all these different users.…So what I'll do is in my partial folder,…I'm going to create a new file,…and I'm going to call it details.html.…And so in here, I need to paste a bunch of bootstrap code.…With some template code, I've prepared a special GiST,…and I'm going to click on this Raw button…to just get the text for this, copy it into the clipboard,…and then bring it back here and paste it.…
So it's pretty much just template code…and bootstrap for our template…that's going to display the information for each user,…and I already got some of this template code in here…so you can see that.…Here, I'm going to display the name of the artist,…as well as the reknown and the bio,…and the only thing that's kind of different here is that…although I am using this artists right here,…I'm targeting a specific element within the artists array,…so this is a variable that I'm going to need to create…and eventually manage.…
So let's go ahead and save this,…
In this short, practical course, Ray Villalobos uses AngularJS to build a searchable directory—a project you can use as the basis for your own employee or user directory. He explains the MVC architecture underlying AngularJS, and the differences you can expect to encounter in Angular 2. Then he shows how to control the display of DOM elements and data; use services like $http and $routeProvider; modify content with filters; add two-way data binding; and work with routes and templates. Start watching, and learn the simple way to build your own complex web application with AngularJS.
- What is AngularJS?
- Binding data
- Defining modules and controllers
- Using the $http service to read a JSON file
- Controlling app logic with conditionals and loops
- Filtering content and lists
- Deep linking