اگنل جی ایس سروس

ਇੰਜੂਲਰ ਐਜ਼ ਵਿੱਚ, ਤੁਸੀਂ ਆਪਣੀਆਂ ਸੇਵਾਵਾਂ ਬਣਾ ਸਕਦੇ ਹੋ ਜਾਂ ਕਈ ਬਿਨਾਂ ਸੇਵਾਵਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਨੂੰ ਵਰਤ ਸਕਦੇ ਹੋ。

ਕੀ ਸੇਵਾ ਹੈ?

ਇੰਜੂਲਰ ਐਜ਼ ਵਿੱਚ, ਸੇਵਾ ਫੰਕਸ਼ਨ ਜਾਂ ਆਬਜੈਕਟ ਹਨ ਜੋ ਤੁਹਾਡੇ ਇੰਜੂਲਰ ਐਜ਼ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ ਅਤੇ ਕੇਵਲ ਉਸ ਲਈ ਹੀ ਵਰਤੇ ਜਾਂਦੇ ਹਨ。

ਇੰਜੂਲਰ ਐਜ਼ ਲਗਭਗ 30 ਬਿਨਾਂ ਸੇਵਾਵਾਂ ਹਨ। ਇਨ੍ਹਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ $location ਸੇਵਾ

$location ਸੇਵਾ ਨੂੰ ਮੌਜੂਦਾ ਵੈੱਬਸਾਈਟ ਸਥਾਨ ਦੀ ਸੂਚਨਾ ਪ੍ਰਦਾਨ ਕਰਨ ਵਾਲੇ ਤਰੀਕੇ ਹਨ:

ਉਦਾਹਰਣ

ਕੰਟਰੋਲਰ ਵਿੱਚ $location ਸੇਵਾ ਦਾ ਵਰਤੋਂ ਕਰਨਾ:

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

نو خود کا تجربہ کریئن

ਧਿਆਨ ਦੇਵੋਗੇ$location ਸੇਵਾ ਨੂੰ ਕੰਟਰੋਲਰ ਵਿੱਚ ਪਾਰਾਮੀਟਰ ਵਜੋਂ ਪਾਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਸੇਵਾ ਨੂੰ ਕੰਟਰੋਲਰ ਵਿੱਚ ਵਰਤਣ ਲਈ, ਇਸ ਨੂੰ ਨਿਰਭਰਤਾ ਵਜੋਂ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ ਹੋਵੇਗਾ。

ਕਿਉਂ ਸੇਵਾ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ?

ਕਈ ਸੇਵਾਵਾਂ ਲਈ ਜਿਵੇਂ $location ਸੇਵਾ, ਤੁਸੀਂ ਸਾਰਥਕ ਤੌਰ 'ਤੇ DOM ਵਿੱਚ ਮੌਜੂਦ ਆਬਜੈਕਟ (ਉਦਾਹਰਣ ਵਜੋਂ) window.location ਆਬਜੈਕਟ），ਪਰ ਇਸ ਕੋਲ ਕੁਝ ਸੀਮਾਵਾਂ ਹੋਣਗੀਆਂ, ਘੱਟੋ-ਘੱਟ ਤੁਹਾਡੇ ਇੰਜੂਲਰ ਐਜ਼ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਅਜਿਹਾ ਹੋਵੇਗਾ。

ਇੰਜੂਲਰ ਐਜ਼ ਲਗਾਤਾਰ ਤੁਹਾਡਾ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਨਿਗਰਾਨੀ ਕਰਦਾ ਹੈ, ਤਾਕਿ ਇਹ ਬਦਲਾਅ ਅਤੇ ਘਟਨਾਵਾਂ ਨੂੰ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਹੱਲਵਾਰੇ, ਇੰਜੂਲਰ ਐਜ਼ ਤੁਹਾਡੇ ਨੂੰ $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 ਦੀ ਬਹੁਤ ਸਾਦੀ ਵਰਤੋਂ ਹੈ। ਐਂਜੁਲਰਜ਼ ਐੱਚਟੀਟੀਪੀ ਸੇਵਾ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ ਐੱਂਜੁਲਰਜ਼ ਐੱਚਟੀਪੀ ਸੰਦੇਸ਼ ਵਿੱਚ ਜਾਓ。

$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);
});

نو خود کا تجربہ کریئن

فیلٹر میں ذاتی سروس کا استعمال

سروس کو تیار کیا اور اس کو اپنے ایپلی کیشن سے جوڑنے کے بعد، آپ کسی بھی کنٹرولر، آئیچار، فیلٹر یا کسی بھی دیگر سروس میں اس کو استعمال کرسکتے ہیں۔

سروس کو فیلٹر میں استعمال کیا جانا چاہئے تو اس کو تعریف کے وقت کسی بھی کس میں اضافہ کریئن:

فیلٹر میں استعمال کی جانار سروس ہیکسافائی:

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

نو خود کا تجربہ کریئن

آپ ان لیکنس یا آرائیج میں کی گئی وجوہات کو نمائش کرتے وقت اس فیلٹر کو استعمال کرسکتے ہیں:

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

نو خود کا تجربہ کریئن