子コンポーネントにこのプロパティがあります:
@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 - コンポーネント通信