3

アプリ全体で再利用するコンポーネントを作成しています。以下の重要なコードです

.ts

export class DieInputComponent {
  constructor(private sides: Number, private dice: Number) { 
  }
}

.html

<input type="number" placeholder="{{dice}}d{{sides}}"/>

私はHTMLテンプレートでこれらのオブジェクトを作成しています

<die-input></die-input>

HTMLタグにコンストラクタ変数を入力するにはどうすればよいですか? 私の人生では、それを行う方法に関する適切な参照が見つかりません。

4

2 に答える 2

5

@Attributeコンストラクターでキーワードを使用して、属性値を取得できます。これにより、検索している属性の文字列値が得られます。あなたの例では、次のようになります。

export class DieInputComponent {
  constructor(@Attribute('placeholder') theInput: string) {
    // theInput.length > 0?
    // theInput.split into dice/sides and parse into integers
  }
}

ここで詳細を読むことができます@Attribute: angular.io docs

于 2016-06-20T04:49:54.297 に答える