Дар компоненти фарзанд дар Angular додаҳоро ба сеттер гузаронидан

Мумкин аст, ки додаҳо аз компоненти волидайн ба сеттер хусусияти хусусӣ ворид шаванд. Биёед ба мисол нигарем. Фарз кунем, ки мо як хусусияти хусусӣ бо сеттер ва геттер дорем:

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;
	}
}

Барои мисол биёед сеттери синну сол эҷод кунем, ки дар он санҷиши додаҳои интиқолдодашуда татбиқ карда мешавад. Инчунин геттер барои чоп кардани хусусиятҳои корбар эҷод мекунем:

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;
	}
}

Ҳоло додаҳоро аз компоненти волидайн ба компоненти фарзанд интиқол медиҳем:

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

Ва дар компоненти фарзанд номи интиқолдодашударо ба экран чоп мекунем:

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

Шарҳ диҳед, чаро хусусияти хусусӣ _name бо аломати зерихат оғоз мешавад.

Сеттерҳо ва геттерҳоро барои номи маҳсул ва нархи он татбиқ кунед, ки аз компоненти волидайн интиқол дода мешаванд.