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,
  },
]