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 がアンダースコアで始まる理由を説明してください。

親コンポーネントから渡される製品名とその価格のためのセッターとゲッターを実装してください。