Angular2 - カスタム入力コンポーネントの属性ディレクティブ

<app-craftinput>というコンポーネントがあります。私はこれをさまざまなレイアウトで使っています。Angular2 - カスタム入力コンポーネントの属性ディレクティブ

テンプレートは次のとおりです。 <input type="text" name="" value="" class="input__field input__field--type1">

コンポーネントのテンプレートに<app-craftinput [value]='23' [label]='Email'></app-craftinput>などの属性を追加するための最善の方法は何ですか？

2017-02-02 Mihai Gota

これはあなたの探しているものですか？

子.component.ts：

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

export class app { 

@Input() value:number; 

}

親.component.html：

<app-craftinput [value]="3"></app-craftinput>

あなたの子要素に親から渡された情報を利用するためには、子供の.component.html：

<label for="{{value}}">{{value}}</label>

2017-02-02 19:47:58

ありがとうございました！しかし、テンプレートに「ラベル」があり、それをコンポーネントに追加したい場合、どのように動作するのでしょうか？（もちろんそれを表示してください） –

@MihaiGotaはapp-craftinput要素内のこのラベルですか？ –

コンポーネントテンプレート内にあります。次のようなものがあります： '名前' –

答えて