అంగుళర్ జి ఫిల్టర్ ఫిల్టర్

నిర్వచనం మరియు ఉపయోగం

filter ఫిల్టర్ అర్దులను సరిచేయగలదు మరియు ముగింపులో సరిచేయబడిన అర్దులను మాత్రమే అర్దులను తిరిగి ఇవ్వగలదు.

ఈ ఫిల్టర్ కేవలం అర్దులను ఉపయోగించనుంది.

సంబంధిత పేజీలు

అంగుళర్ జి ట్యూటోరియల్:ఏంజులర్ జి ఫిల్టర్స్

ఇన్స్టాన్స్

ఉదాహరణ 1

అక్షరం "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>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

కాస్టమర్స్ అనే ఆర్టిఫాక్ట్ కాస్ట్ విధంగా ఉపయోగించండి:

<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>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

సరిహద్దు కఠినమైన పోలింగును చేపట్టండి, అనగా విలువ మరియు అభివ్యక్తి పూర్తిగా సమానం కాకపోతే పోల్చిన అంశాలు తిరిగి లభించవు:

<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>

స్వయంగా ప్రయత్నించండి

వ్యాకరణం

{{ ఏర్యాక్షన్ పేరు | ఫిల్టర్ : expression : comparator }}

పారామీటర్స్