Filter-Initial Stage

Filter filters

1) Using the ANGULARJS filter can be used to achieve the case of string conversion, currency format conversion, array filtering and so on.

usage: pipe character (|) + Filter Name .

1. Filter uppercase, lowercase convert the string to large, lowercase, as follows:

1. <div Ng-app="">
2. Please enter: <input type="text" ng-model="name">
3. <p> Result: {{name | uppercase}}</p>
4. </div>

The use of the method is very simple, try to lowercase the effect of the filter!

Filter currency, you can convert the number to currency format, refer to the above example, try it.

2). The filter filter can filter the array and select a subset from it, using "Filter: Model Name", as shown in the following example:

2. <div Ng-app= "" ng-init="Friends = [
4. {name: ' Tom ', age:16},
6. {name: ' Jerry ', age:20},
8. {name: ' Garfield ', age:22}] " >
12. <p> Input filter:<input type="text" ng-model="name"></p>
16. <ul Style="list-style-type:none">
18. <li> name, age </li>
20. <li ng-repeat="x in Friends | Filter:name ">
22. {{x.name + ', ' + X.age}}
24. </li>
26. </ul>
30. </div>

See the output, filter filter is not very strong and the use of ultra-simple to achieve a simple filtering of data, if not to use it, then we want to achieve this data filtering effect is not very troublesome (you can try how to implement).

Filter-Initial Stage