Kupeleka Data kwa Setter ya Sehemu Ndogo katika Angular

Inawezekana kufanya ili data kutoka kwa sehemu mzazi ifike kwenye setter ya mali ya faragha. Hebu tuangalie kwa mfano. Hebu tuchukulie tuna mali ya faragha na setter na getter:

class UserComponent {
	private _name: string = '';
	
	set name(name: string) {
		if (name.length < 3) {
			this._name = name;
		} else {
			console.log('error');
		}
	}
	
	get age() {
		return this._userAge;
	}
}

Kwa mfano hebu tufanye setter ya umri, ambayo tutatekeleza ukaguzi wa data iliyopeanwa. Pia tufanye getter kwa ajili ya kuonyesha sifa za mtumiaji:

class UserComponent {
	private _name: string = '';
	
	@Input()
	set name(name: string) {
		if (name.length > 3) {
			this._name = name;
		} else {
			console.log('error');
		}
	}
	
	get name() {
		return this._name;
	}
}

Sasa tupeleke data kutoka kwa sehemu mzazi kwenda kwenye sehemu ndogo:

<user-data name="john"></user-data>

Na kwenye sehemu ndogo tuonyeshe jina liliyopeanwa kwenye skrini:

<p>{{ name }}</p>

Elezea, kwa nini mali ya faragha _name inaanza na alama ya kusisitiza.

Tekeleza setter na getter kwa jina la bidhaa na bei yake, ambayo itapelekwa kutoka kwa sehemu mzazi.