Angular-এ একটি সার্ভিস তৈরি করা

আসুন সার্ভিসগুলি অধ্যয়ন করা শুরু করি আমাদের নিজস্ব একটি তৈরি করে। এর জন্য ফোল্ডারে test/src/app ফাইলটি তৈরি করি data.service.ts। আমাদের সার্ভিসটি স্ক্রিনে কিছু ডেটা প্রদর্শনের জন্য দায়ী হোক।

আসুন আমাদের সার্ভিসের জন্য একটি ক্লাস তৈরি করি:

data.service.tsexport class DataService {
  
}

এখন আমাদের ডেকোরেটর Injectable প্রয়োজন। এটি প্রয়োগ করলে এমন হবে যে সার্ভিস ক্লাসটি কম্পোনেন্ট ক্লাসে ইনজেক্ট করা সম্ভব হবে। ইনজেকশন সম্পর্কে আমরা পরের পাঠে আলোচনা করব। আর এখন প্রয়োজনীয় ডেকোরেটরটি ইম্পোর্ট করি:

data.service.tsimport { Injectable } from '@angular/core';

export class DataService {
  
}

এটি আমাদের ক্লাসে প্রয়োগ করি:

data.service.tsimport { Injectable } from '@angular/core';

@Injectable()
export class DataService {
  
}

এখন এমন করা যাক যাতে আমাদের ক্লাসে কিছু ডেটা থাকে। সাধারণত Angular অ্যাপ্লিকেশনগুলিতে সার্ভার থেকে ডেটা লোড হয়, কিন্তু আমরা শিক্ষামূলক উদ্দেশ্যে একটি অ্যারে ব্যবহার করব। এটি একটি প্রাইভেট প্রোপার্টিতে তৈরি করি:

data.service.tsexport class DataService {
  private data: string[] = ['a', 'b', 'c'];
}

এখন ডেটা পেতে একটি মেথড লিখি:

data.service.tsexport class DataService {
  private data: string[] = ['a', 'b', 'c'];

  getData(): string[] {
    return this.data;
  }
}

আমাদের সার্ভিস তৈরি হয়েছে। পরবর্তী পাঠে আমরা এটি কম্পোনেন্ট ক্লাসে সংযুক্ত করব।

typescript[
  {
    name: 'prod1',
    cost: 100,
  },
  {
    name: 'prod2',
    cost: 200,
  },
  {
    name: 'prod3',
    cost: 300,
  },
]