条件付きでディレクティブを適用する 質問する

条件付きでディレクティブを適用する 質問する

マテリアル 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 に基づいていたことに注意してください)

おすすめ記事