Hizaji za AngularJS

Kwenye AngularJS, unaweza kumwiza huduma yako, au kutumia moja ya huduma zingine za kina.

Je, ni nini huduma?

Kwenye AngularJS, huduma ni mfunzo au kipakuo kinachotumiwa kwa kuzingatia na kinaa kwa programu ya AngularJS yako.

AngularJS ina huduma zingine za kina kati 30. Moja ya zao ni $location Huduma.

$location Huduma ina vifaa vya kuwa na ujumbe kuhusu eneo la tovuti ya sasa:

Mfano

Kuitumia huduma ya $location katika kontrolla:

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

Jifunze tena

Taradhisia:$location Huduma inatumiwa kama maelezo katika kontrolla. Kwa kuitumia huduma hii katika kontrolla, inafaa ikadefini kama kinaa.

Kwa nini kuitumia huduma?

kwa kawaida, kwa huduma zingine kama $location huduma, kuna sababu inayoweza kutumika kwa kuzungumza na vifaa vyenye DOM zilizojengwa (mengineyo kipakuo cha window.location），lakini ina kufikia kwa kumichwa kikawaida, kwa programu ya AngularJS yako kwa ujumbe.

AngularJS inakisia programu yako kwa kuzingatia inayotumika kwa ajili ya kumaliza muutazamo na matukio, AngularJS inafikiria kwamba inafadhaa kuitumia $location huduma hizi hivyo bila kusoma kwenye kipakuo cha window.location.

$http huduma

$http Hizi huduma ni moja ya zaidi kuitumika kwenye programu ya AngularJS. Huduma hii inakataa inofikia mtaani, na inahatua programu yako inayohifadhiwa kwa ajili ya ujumbe.

Mfano

Tumia kusoma data kutoka kwenye mtaani kwa uwanja wa $http:

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

Jifunze tena

Mfano huu inadai: $http Ina mpangilio wa kwanza sana. Tafadhali angalia mafunzo ya huduma ya $http kwa AngularJS kwa mafanikio zaidi.

Huduma ya $timeout

$timeout Huduma inayoitwa na AngularJS ni window.setTimeout mfano.

Mfano

Kuonyesha ujumbe mpya baada ya sekunde 2:

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

Jifunze tena

Huduma ya $interval

$interval Huduma inayoitwa na AngularJS ni window.setInterval mfano.

Mfano

Kuonyesha wa kila sekunde:

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

Jifunze tena

Kumekadiriwa huduma yako

Ili kumekadiriwa huduma yako, tukio huduma na mawasiliano:

Kumekadiriwa na kumekua kwa jina la hexafy huduma:

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

Ili tumia huduma yako inayoitwa, angalia huduma kama kihakiki kwenye uwezo wa mawasiliano:

Mfano

Tumia hiziwa na huduma inayoitwa hexafy kusafisha namba kwa adui kuu:

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

Jifunze tena

Kutumia hizaji zaidi kwenye kifaa cha kusoma

Kumekua hizaji na kuwasiliana na programu yako baada ya kumekua, unaweza kutumia hizaji kwenye kila kifungu, madirisha, kifaa cha kusoma au kila hizaji nyingine ambao unatumiwa kwenye programu yako.

Ili kutumia hizaji kwenye kifaa cha kusoma, ongezea kwa kuzingatia wakati wa kumieleza kifaa cha kusoma:

Hizaji ya hexafy inayotumiwa kwenye kifaa cha kusoma myFormat:

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

Jifunze tena

Unaweza kutumia kifaa cha kusoma kwa kusoma thamani kwenye kina au kina za kina:

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

Jifunze tena