1

子コンポーネントにこのプロパティがあります:

@Input() submitButtonDisabled: boolean;

親コンポーネントのテンプレートで、補間を使用してプロパティ バインディングを介して設定します。

<my-child-component
  [submitButtonDisabled]="{{disableSubmitButton()}}">
</my-child-component>

子コンポーネント テンプレートは、その submitButtonDisabledプロパティを次のように読み取ります。

<button id="btSubmit" type="submit" (click)="submit()" 
  [disabled]="submitButtonDisabled">Ok</button>

タイプスクリプトコードをデバッグすると、プロパティバインディングが正常に機能していることがわかりますが、何disableSubmitButtonが返されても送信ボタンは無効のままです(ブール値)。バインディングが行われる前にコンポーネントがレンダリングされているようです。

これは意味がありますか?私の間違いはどこですか?

リファレンス: Angular 2 - コンポーネント通信

4

2 に答える 2