Filters are extremely useful for organizing data and modifying content. In AngularJS, filters can bind data to input fields and then be used for functions such as modifying search results to show more or less based on your criteria. Learn how to bind to input fields through filters in AngularJS with this easy tutorial video and see what a difference filters can make in your templates.
…In addition to using filters to modify the data from our models, you…can use them to control how the information is bound to form elements.…I'm going to add a search area to this project, and…then we'll use filters to bind our data to our fields.…So, I'm going to come over here and delete that extra line right there.…And then I'm going to add new div with a…class of search here, and I'll add a headline.…It'll say Artist Directory, and then I want to add some input fields.…
So I'm going to add a label.…I don't really need this form area here, and this is going to say search.…Plus, it's going to have an input field, and I really need this type text.…And then I'm going to add a place holder.…It's going to say search for artists, and I'll give it autofocus.…So that when we first load our form, it'll automatically go there.…So let me refresh this.…And I obviously have pre-made some of these styles.…And right now, this input field is not doing anything.…
So let's go ahead and fix that.…First, I'm going to get rid of this limit right here, so we can see all the records.…
- 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.