Ծառայության ստեղծում 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,
	},
]