AngularJS সার্ভিস

অ্যাংগুলারজস-এ, আপনি নিজের সার্ভিস তৈরি করতে পারেন বা প্রচুর বিন্দোয়ান সার্ভিসগুলির মধ্যে একটি ব্যবহার করতে পারেন。

কী হল সার্ভিস?

অ্যাংগুলারজস-এ, সার্ভিস হল ফাংশন বা অবজেক্ট, যা আপনার অ্যাংগুলারজস অ্যাপলিকেশনের জন্য ব্যবহার এবং শুধুমাত্র এই অ্যাপলিকেশনের জন্যই ব্যবহার করা যেতে পারে。

অ্যাংগুলারজস-এ প্রায় 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 । $http সেবা নিয়ে আরও বিস্তারিত জানতে AngularJS Http শিক্ষাক্রমে দেখুন।

$timeout সেবার অত্যন্ত সরল ব্যবহার

$timeout সেবা হল AngularJS সংস্করণের 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 সেবা হল AngularJS সংস্করণের 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>

আপনার নিজেই চেষ্টা করুন