Angular හි සේවාවක් නිර්මාණය කිරීම
අපි අපේම සේවාවක් නිර්මාණය කිරීමෙන් සේවා අධ්යයනය ආරම්භ කරමු. මෙය සඳහා
test/src/app බහාලුම තුළ
data.service.ts ගොනුව
සාදන්න. අපගේ සේවාව තිරය මත දත්ත යම් ප්රමාණයක් ප්රදර්ශනය කිරීමට
යුතු වේවා.
අපගේ සේවාව සඳහා පන්තියක් සාදමු:
export class DataService {
}
දැන් අපට අවශ්ය වන්නේ Injectable
සැරසිල්ලයි.
එය භාවිතා කිරීමෙන් සේවා පන්තිය අංග පන්තියකට
ඇතුල් කළ හැකි
වේ. ඇතුල් කිරීම ගැන අපි ඊළඟ පාඩමෙන්
කතා කරමු. දැන් අවශ්ය සැරසිල්ල
ආයාත කරමු:
import { Injectable } from '@angular/core';
export class DataService {
}
එය අපගේ පන්තියට යොදමු:
import { Injectable } from '@angular/core';
@Injectable()
export class DataService {
}
දැන් අපගේ පන්තිය තුළ යම් දත්ත ඇති වන පරිදි කරමු. සාමාන්යයෙන් Angular යෙදුම්වල සේවාදායකයෙන් දත්ත ලබා ගැනීම සිදු වේ, නමුත් අපි ඉගෙනුම් අරමුණු සඳහා අරාවක් භාවිතා කරමු. එය පෞද්ගලික ගුණාංගයක් ලෙස සාදමු:
export class DataService {
private data: string[] = ['a', 'b', 'c'];
}
දැන් දත්ත ලබා ගැනීම සඳහා ක්රමයක් ලියමු:
export class DataService {
private data: string[] = ['a', 'b', 'c'];
getData(): string[] {
return this.data;
}
}
අපගේ සේවාව සූදානම්. ඊළඟ පාඩමෙන් අපි එය අංග පන්තියට සම්බන්ධ කරමු.
භාණ්ඩ සමග වස්තූන්ගේ අරාවක් ලබා දෙන ඔබේම සේවාවක් සාදන්න:
[
{
name: 'prod1',
cost: 100,
},
{
name: 'prod2',
cost: 200,
},
{
name: 'prod3',
cost: 300,
},
]
