マテリアル 2 を使用して追加していますmd-raised-button
。特定の条件が満たされる場合にのみこのディレクティブを適用します。
例えば:
<button md-raised-button="true"></button>
別の例: plunker で基本的な動的リアクティブ フォームを作成しました。formArrayName
コントロールの配列にリアクティブ フォームのディレクティブを使用しています。特定の条件が満たされる場合にのみディレクティブを適用し、それ以外の場合はディレクティブformArrayName
を追加しません。formArrayName
がここにありますプランカーリンク。
ベストアンサー1
CSS ルールをトリガーするために属性を追加するだけの場合は、以下の方法を使用できます。(これはディレクティブを動的に作成/破棄するものではありません)
<button [attr.md-raised-button]="condition ? '' : null"></button>
同じことをプランカーに適用します:フォーク
アップデート:
condition ? '' : null
値としてどのように機能しますか:
空の文字列 ( ''
) の場合は となりattr.md-raised-button=""
、 の場合はnull
属性は存在しません。
アップデート:プランカーアップデート:フォーク(バージョンの問題は修正されました。質問は元々 Angular 4 に基づいていたことに注意してください)