In order to implement two-way data binding, you need a way to bind input fields to controllers.
- [Instructor] We have a pretty capable application…right now.…It does searching, as well as sorting,…but we don't have a good interface for the sorting part,…so we're going to fix that in this video.…Now I'm going to start by taking off the ng-if directive…that hides all of the records.…That's just going to make it easier for us to see things,…so I'll take out this ng-if right here,…it's just going to show all the records…so that we can see what's happening,…and what we want to do is add a little bit of HTML…right here, and that will let us sort…as well as control the direction of the sort.…
So I've created a special just for you right here…with all of the core code that you're going to need,…so I'm going to click on this Raw button,…and this is just bootstrap for code,…there isn't any Angular code in here.…We're going to add that in just a minute.…So once I have that, then I'm going to go back…into my project, and I want to paste that…right after this form-row and before the card-body,…so right there.…I'm going to paste all that, and again, this is just HTML,…
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