အင်ဂလ်ဂရိုစ် စစ်

向指令添加过滤器

通过使用管道字符 | 后跟过滤器，可以将过滤器添加到指令中，例如 ng-repeat：

အမှတ်

orderBy အမိန့်အရာ အချက်အလက် အောက်မှ အချက်အလက်များ ပြောင်းလဲပေးပါ

<div ng-app="myApp" ng-controller="namesCtrl">
<ul>
  <li ng-repeat="x in names | orderBy:'country'">
    {{ x.name + ', ' + x.country }}
  </li>
</ul>

亲自试一试

currency အမိန့်အရာ

currency အချက်အလက် အောက်မှ သတင်းများ အောက်မှ သတင်းများ ပြောင်းလဲပေးပါ

အမှတ်

<div ng-app="myApp" ng-controller="costCtrl">
<h1>Price: {{ price | currency }}</h1>

亲自试一试

currency အမိန့်အရာ အချက်အလက် နှင့် ပတ်သတ်၍ ပါဝင်သော သတင်းများ အောက်မှ သတင်းများ ကျယ်ပြီး သတင်းများ ကို ကူးယူပါ

filter အမိန့်အရာ

filter အမိန့်အရာ အချက်အလက် သုံးနှုန်း သည် အချက်အလက်အုပ် အောက်မှ အချက်အလက်များ ကို ကျယ်ပြီး အချက်အလက်များ ကို ကူးယူပါ

filter အမိန့်အရာ သုံးနှုန်း သည် အချက်အလက်အုပ် အောက်မှ အချက်အလက်များ ကို ပြန်လည်ရယူပါ

အမှတ်

အစားထိုး အချက်အလက် အောက်မှ အချက်အလက်များ ကို ပြန်လည်ရယူပါ

<div ng-app="myApp" ng-controller="namesCtrl">
<ul>
  <li ng-repeat="x in names | filter : 'i'">
    {{ x }}
  </li>
</ul>

亲自试一试

filter အမိန့်အရာ အချက်အလက် နှင့် ပတ်သတ်၍ ပါဝင်သော သတင်းများ အောက်မှ အချက်အလက်များ ကျယ်ပြီး အချက်အလက်များ ကို ကူးယူပါ

အသုံးပြုသူ၏ တက်သွားခြင်း အချက်အလက် အောက်မှ အချက်အလက်များ ပြောင်းလဲပေးပါ

အရေးယူခြင်း ပုံစံအုပ်ချုပ်အုပ်ပေါ် အောက်မှ တစ်ခု အစိတ်အပိုင်း ဖြင့် ng-model အမိန့်အရာကို လုပ်ဆောင်တာ တစ်ခု ကို တင်ဆက်ပြီး အချက်အလက် အောက်မှ အချက်အလက်များ ပြောင်းလဲပေးသည်

အရေးယူခြင်း ပုံစံအုပ်ချုပ်အုပ်ပေါ် တွင် စာလုံး တစ်ခု ထဲတွင် အရေးယူပြီး ပြောင်းလဲပြီး ပြင်းနှုန်း မှ အကျွမ်းကျွမ်း ဖြစ်ပေးပါ

• ဂျန်း
• ကာလ
• မာဂျက်ထရ
• ဟီဂျ
• ဂျို
• ဂျူးစေး
• ဘီဂျူး
• မာရီ
• ကိင်

အမှတ်

<div ng-app="myApp" ng-controller="namesCtrl">
<p><input type="text" ng-model="test"></p>
<ul>
  <li ng-repeat="x in names | filter : test">
    {{ x }}
  </li>
</ul>

亲自试一试

အသုံးပြုသူ၏ တက်သွားခြင်း အချက်အလက် အောက်မှ အေဂျာနိုင်ငံတွင် အချက်အလက်များ ပြောင်းလဲပေးပါ

အချက်အလက်တိုက်အုပ် အစိတ်အပိုင်း ပြောင်းလဲပေးနိုင်ပါသည်

အချက်အလက်တိုက်အုပ်ပေါ် ထဲတွင် ng-click အမိန့်အရာကို လုပ်ဆောင်တာ တစ်ခု ကို တင်ဆက်ပြီး အေဂျာနိုင်ငံတွင် အချက်အလက်များ ပြောင်းလဲပေးသည်

အမှတ်

<div ng-app="myApp" ng-controller="namesCtrl">

  

    
Name
    
Country
  
  

    
{{x.name}}
    
{{x.country}}
  


<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
  $scope.names = [
    {name:'Jani',country:'Norway'},
    {name:'Carl',country:'Sweden'},
    {name:'Margareth',country:'England'},
    {name:'Hege',country:'Norway'},
    {name:'Joe',country:'Denmark'},
    {name:'Gustav',country:'Sweden'},
    {name:'Birgit',country:'Denmark'},
    {name:'Mary',country:'England'},
    {name:'Kai',country:'Norway'}
  
  $scope.orderByMe = function(x) {
    $scope.myOrderBy = x;
  }
});

亲自试一试

ကြီး့ထားသော ဖော်ပြပုံ

ကျွန်ုပ်သည် စနစ်ကို စားသုံးသော သတင်းသုတ်သင့် ဖော်ပြပုံ ကို ဖန်တီးပေးရန် သင့် ဖော်ပြပုံ အလုပ်အမှုဆောင် တစ်ခု မျှော်လင့်ပါ:

အမှတ်

ကြီး့ထားသော ဖော်ပြပုံ "myFormat" ကို ဖန်တီးပေးပါ:

<ul ng-app="myApp" ng-controller="namesCtrl">
  <li ng-repeat="x in names">
    {{x | myFormat}}
  </li>
</ul>
<script>
var app = angular.module('myApp', []);
app.filter('myFormat', function() {
  return function(x) {
    var i, c, txt = "";
    for (i = 0; i < x.length; i++) {
      c = x[i];
      if (i % 2 == 0) {
        c = c.toUpperCase();
      }
      txt += c;
    }
    return txt;
  };
});
app.controller('namesCtrl', function($scope) {
  $scope.names = ['Jani', 'Carl', 'Margareth', 'Hege', 'Joe', 'Gustav', 'Birgit', 'Mary', 'Kai'];
});

亲自试一试

myFormat 过滤器将每隔一个字符格式化为大写。