Exemplu
Afișează elementele care conține litera "A" :
<div ng-app="myApp" ng-controller="arrCtrl">
<ul>
<li ng-repeat="x
in cars | filter : 'A'">{{x}}</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('arrCtrl',
function($scope) {
$scope.cars = ["Aston Martin",
"Audi", "Bentley", "BMW", "Bugatti"];
});
</script> Încearcă - l singur » Definiție și utilizare
filter Filtrul ne permite să filtreze o matrice, și să se întoarcă o matrice care conține numai elementele care se potrivesc.
Acest filtru poate fi folosit numai pentru matrici.
Sintaxă
{{
arrayexpression | filter : expression :
comparator }}Valorile parametrilor
| Valoare | Descriere |
|---|---|
| expression | Expresia utilizată selectarea elementelor din matrice. Expresia poate fi de tip: String: Elementele de matrice care se potrivesc șirului va fi returnat. Obiect: Obiectul este un model pentru a căuta în matrice. Exemplu: {"name" : "H" , "city" : "London"} va returna elementele matrice cu un nume ce conține litera "A" , în cazul în care orașul conține cuvântul "London" . A se vedea exemplul de mai jos. Funcție: O funcție care va fi numit pentru fiecare element de matrice, precum și elemente în cazul în care funcția returnează adevărat va fi în matrice rezultat. |
| comparator | Opțional. Definește modul în care ar trebui să fie strict comparația. Valoarea poate fi: true: Returnează un meci numai în cazul în care valoarea elementului matrice este exact ceea ce ne-am compara cu. false: Returnează un meci în cazul în care valoarea elementului matrice conține ceea ce ne - am compara cu. Această comparație nu este case sensitiv. Aceasta este valoarea implicită. Funcția: O funcție în cazul în care putem defini ce va fi considerat un meci sau nu. |
Mai multe exemple
Exemplu
Utilizați un obiect ca un filtru:
<div ng-app="myApp" ng-controller="arrCtrl">
<ul>
<li ng-repeat="x
in customers | filter : {'name' : 'O', 'city' : 'London'}">
{{x.name + ", " + x.city}}
</li>
</ul>
</div>
<script>
var app =
angular.module('myApp', []);
app.controller('arrCtrl', function($scope) {
$scope.customers = [
{"name" :
"Alfreds Futterkiste", "city" : "Berlin"},
{"name" : "Around the Horn", "city" : "London"},
{"name" : "B's Beverages", "city" : "London"},
{"name" : "Bolido Comidas preparadas", "city" : "Madrid"},
{"name" : "Bon app", "city" : "Marseille"},
{"name" : "Bottom-Dollar Marketse" ,"city" : "Tsawassen"},
{"name" : "Cactus Comidas para llevar", "city" : "Buenos Aires"}
];
});
</script>
Încearcă - l singur » Exemplu
Face o "strict" comparație, care nu returnează un meci cu excepția cazului în care valoarea este exact la fel ca și expresia:
<div ng-app="myApp" ng-controller="arrCtrl">
<ul>
<li ng-repeat="x
in customers | filter : 'London' : true">
{{x.name + ", " + x.city}}
</li>
</ul>
</div>
<script>
var app = angular.module('myApp',
[]);
app.controller('arrCtrl', function($scope) {
$scope.customers = [
{"name" : "London Food", "city" : "London"},
{"name" : "London Catering",
"city" : "London City"},
{"name" : "London Travel", "city" : "Heathrow,
London"}
];
});
</script>
Încearcă - l singur » Pagini similare
AngularJS Tutorial: Filtre unghiulare