Angular හි එක් සේවාවක් තවත් සේවාවකට ඇතුල් කිරීම

ව්‍යාපෘතියක් මත වැඩ කිරීම සඳහා අපට අවශ්‍ය විය හැකිය ක්‍රියාකාරීත්වය විහිදුවා ගැනීම සඳහා එක් සේවාවක් තවත් සේවාවකට ඇතුල් කිරීමට. අපි තවත් සේවාවක් සාදමු, එය නව දත්ත එකතු කිරීමේදී console වෙත පණිවිඩ යවනු ඇත.

පළමුව test/src/app folder එක තුළ log.service.ts ගොනුව සාදන්න. අපි අපනයනය කරන්නේ LogService වර්ගයයි, එහි අපි ලියන්නෙමු write ශ්‍රිතය console වෙත පණිවිඩයක් යැවීම සඳහා:

import { Injectable } from '@angular/core';

@Injectable()
export class LogService {
	write(message: string) {
		console.log(message);
	}
}

ඊළඟට අපගේ DataService සේවාව වෙත යන්න සහ අපගේ නව සේවාව ආයාත කරන්න, ඇතුල් කරන්න සහ භාවිතා කරන්න:

import { Injectable } from '@angular/core';
import { LogService } from './log.service'; // ආයාත කරන්න

@Injectable()
export class DataService {
	private data: string[] = ['a', 'b', 'c'];
	
	constructor(private logService: LogService) { // ඇතුල් කරන්න
		
	}
	
	getData(): string[] {
		this.logService.write('data received'); // භාවිතා කරන්න
		return this.data;
	}
	
	addData(name: string){
		this.data.push(name);
		this.logService.write('new elem added'); // භාවිතා කරන්න
	}
}

කෙසේ වෙතත්, මෙය ප්‍රමාණවත් නොවේ. තව දුරටත් ලිවිය යුතුය නව සේවාව සංඝටක වර්ගය තුළ ද, එය කෙලින්ම භාවිතා නොවුන ද:

import { Component } from '@angular/core';
import {DataService} from './data.service';
import {LogService} from './log.service'; // ආයාත කරන්න

@Component({
	........
	providers: [DataService, LogService] // එකතු කරන්න
})