AngularJS အဖွဲ့

အင်္ဂလိပ်ဂိုး တန်းလိုက် သင့် အက်စတန်ဂိုး တွင် သင့် ကိုယ်တိုင် ဝန်ဆောင်မှု တစ်ခု ဖွဲ့စည်းနိုင် သို့မဟုတ် အခြား ဝန်ဆောင်မှုများ အနက် တစ်ခု ကို သုံးနိုင်ပါ

အက်စတန်ဂိုး ကြောင်းတွင်

အင်္ဂလိပ်ဂိုး တန်းလိုက် သင့် အက်စတန်ဂိုး တွင် ဝန်ဆောင်မှုများ သည် ဖြစ်နိုင် သို့မဟုတ် အရာဝတ္တု ဖြစ်ပါသည်။ အဆိုပါ ဝန်ဆောင်မှုများ သည် သင့် အက်စတန်ဂိုး တွင် သုံးနိုင် သကဲ့သို့ သုံးနိုင်သည်

အင်္ဂလိပ်ဂိုး တန်းလိုက် သင့် အက်စတန်ဂိုး မှာ ဝန်ဆောင်မှုများ နှင့် တူ အရေအတွက် များစွာ ရှိပါသည် $location ဝန်ဆောင်မှု

$location ဝန်ဆောင်မှု သည် ယခု စာမျက်နှာ အရာဝတ္တု အချက်အလက် ကို ကြန်လည် ပြန်သတင်းပေးနိုင်သော နည်းလမ်းများ ရှိပါသည်

အကြောင်းအရာ

ကွင်းအုပ်ရုံး တွင် $location ဝန်ဆောင်မှု အသုံးပြုကြည်း

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $location) {
    $scope.myUrl = $location.absUrl();
});

ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

အကြောင်းကြား$location ဝန်ဆောင်မှု သည် ကွင်းအုပ်ရုံး သို့ ပြောင်းလဲသွားသည်။ ဝန်ဆောင်မှု ကို ကွင်းအုပ်ရုံး တွင် အသုံးပြုရန် လို့ သတ်မှတ်ပါ

ဝန်ဆောင်မှု ကို သုံးရန် အကြောင်းရင်းမှာ

အချို့ ဝန်ဆောင်မှုများ အနက် $location ဝန်ဆောင်မှု အစား အရာဝတ္တုများ ကို သုံးနိုင်ပါ သို့မဟုတ် အခြား ဝန်ဆောင်မှုများ အပေါ် window.location အရာဝတ္တု），သို့သော် သင့် အင်္ဂလိပ်ဂိုး တန်းလိုက် အက်စတန်ဂိုး အတွက် အချက်အလက် အချို့ ကြားသော ကန့်သတ်ချက် ရှိပါသည်

အင်္ဂလိပ်ဂိုး တန်းလိုက် သင့် အက်စတန်ဂိုး ကို သုံးပြီး အခြေအနေ သတ်မှတ်ထားသော အချက်အလက် ကို ပြုလုပ်ပေးသည် $location ဝန်ဆောင်မှု အစား window.location အရာဝတ္တု

$http ဝန်ဆောင်မှု

$http ဝန်ဆောင်မှုများ မှာ အင်္ဂလိပ်ဂိုး တန်းလိုက် အသုံးပြုသည့် အကြီးအကျယ် ဝန်ဆောင်မှုများ တစ်ခု ဖြစ်ပါသည်။ အဆိုပါ ဝန်ဆောင်မှု သည် မှူးပိုင်း ကို တိုက်ရိုက် သွင်းပေးပြီး သင့် အက်စတန်ဂိုး ကို ထိရောက်သော အပြန်ပြောဆိုမှု ကို ပြုလုပ်သည်

အကြောင်းအရာ

နောက်ခံ $http ဝန်ဆောင်မှု ဖြင့် စာမျက်နှာများမှ သတင်းအချက်အလက် ကို တွေ့ရှိသည့် ဝန်ဆောင်မှု

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("welcome.htm").then(function (response) {
    $scope.myWelcome = response.data;
  });
});

ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

အကြောင်းအရာ $http ဝန်ဆောင်မှု၏ အကြောင်းကျုပ် အနှစ်နှုန်း အသေးစိတ်အား သိရှိပါ၊ အင်္ဂလိပ်စ် အင်္ဂလိပ်စ် Http ဖော်ပြချက် တွင် အသေးစိတ်အား သိရှိပါ:

$timeout ဝန်ဆောင်မှု

$timeout ဝန်ဆောင်မှု ကို အင်္ဂလိပ်စ် အင်္ဂလိပ်စ် ပုံ ဖြင့် ထုတ်ပြန်သည်: window.setTimeout အကြောင်းအရာ

အကြောင်းအရာ

နှစ်စက္ကန့် အကြာ ပြသည်:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $timeout) {
  $scope.myHeader = "Hello World!";
  $timeout(function () {
    $scope.myHeader = "How are you today?";
  }, 2000);
});

ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

$interval ဝန်ဆောင်မှု

$interval ဝန်ဆောင်မှု ကို အင်္ဂလိပ်စ် အင်္ဂလိပ်စ် ပုံ ဖြင့် ထုတ်ပြန်သည်: window.setInterval အကြောင်းအရာ

အကြောင်းအရာ

သုံးပတ် အချိန် ပြသည်:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $interval) {
  $scope.theTime = new Date().toLocaleTimeString();
  $interval(function () {
    $scope.theTime = new Date().toLocaleTimeString();
  }, 1000);
});

ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

သင်၏ ဝန်ဆောင်မှု ကို တူးပွားစေပါ:

သင်၏ ဝန်ဆောင်မှု ကို တူးပွားစေရန် ဝန်ဆောင်မှု နှင့် စည်းရုံးပေါင်းစပ်ပါ:

အမည်အဖြစ် hexafy ဝန်ဆောင်မှုများ:

app.service('hexafy', function() {
  this.myFunc = function (x) {
    return x.toString(16);
  }
});

သင်၏ ခွဲခြားထားသော ဝန်ဆောင်မှု ကို အသုံးပြုရန် အင်တာနက် အုပ်ချုပ်သူ အား ပေါင်းထည့်ပါ：

အကြောင်းအရာ

အမည်အဖြစ် hexafy ဟု ခွဲခြားထားသော ဝန်ဆောင်မှု ကို နေရာပေါ် ကို ခုနစ်ဂုံး ပုံ သို့ ပြောင်းလဲစေသည်：

app.controller('myCtrl', function($scope, hexafy) {
  $scope.hex = hexafy.myFunc(255);
});

ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

အဝင်းတွင် အမှုဆောင် ဖန်တီးခြင်း

အကြောင်းကြားချက် ကို ဖန်တီးပြီး သင်၏ အော်လိပ်တိုက်အတွင်း ခတ်ခဲ့ပါ

အဝင်းတွင် အကြောင်းကြားချက်ကို သုံးရန် သတ်မှတ်ပါ

အဝင်း myFormat တွင် အသုံးပြုသော အကြောင်းကြားချက် hexafy:

app.filter('myFormat',['hexafy', function(hexafy) {
  return function(x) {
    return hexafy.myFunc(x);
  };
});

ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

သင် ပြသမှုအဖွဲ့အစည်းအတွင်း သုံးနိုင်သော အဝင်းကိုသုံးပါ

<ul>
  <li ng-repeat="x in counts">{{x | myFormat}}</li>
</ul>

ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း