AngularJS filter
စစ်ထုတ် မှု
ဥပမာ
အက္ခရာ "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>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဇကာသည် ကျွန်ုပ်တို့အား array တစ်ခုကို စစ် filter
ထုတ်နိုင်ပြီး ကိုက်ညီသည့်အရာများသာ ပါဝင်သော array တစ်ခုကို ပြန်ပေးနိုင်သည်။
ဤစစ်ထုတ်မှုကို အခင်းအကျင်းများအတွက်သာ အသုံးပြုနိုင်သည်။
အထားအသို
{{
arrayexpression | filter : expression :
comparator }}
ကန့်သတ်တန်ဖိုးများ
Value | Description |
---|---|
expression | The expression used when selecting
items from the array. The expression can be of type: String: The array items that match the string will be returned. Object: The object is a pattern to search for in the array. Example:
filter: {"name" : "H",
"city": "London"} will return the array items with a name
containing the letter "H", where the city contains the word "London". See
example below.Function: A function which will be called for each array item, and items where the function returns true will be in the result array. |
comparator | Optional. Defines how strict the comparison should be. The value can be: true : Returns a match only if the value of the array item is exactly what we compare it with. false : Returns a match if the value of the array item contains what we compare it with. This comparison is not case sensitive. This is the default value. function : A function where we can define what will be considered a match or not. |
နောက်ထပ် ဥပမာများ
ဥပမာ
အရာဝတ္ထုတစ်ခုကို စစ်ထုတ်မှုအဖြစ် အသုံးပြုပါ-
<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>
ဥပမာ
တန်ဖိုးသည် အသုံးအနှုန်းနှင့် အတိအကျတူညီ ခြင်းမရှိပါက တိုက်ဆိုင်မှုကို ပြန်မရနိုင်သည့် "တင်းကျပ်သော" နှိုင်းယှဉ်မှုကို ပြုလုပ်ပါ -
<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>
ဆက်စပ်စာမျက်နှာများ
AngularJS ကျူတိုရီရယ်- Angular Filters