私はロジックを書くことに何らかの問題があります。 私はAngular2を使用しています。 htmlのページで、私は2つのボタンがあります - はいといいえ 私はYESとNOのために異なる色が欲しいです。今私はCSSクラスを使用する方法
条件付き[ngCLASS]の下でCSSクラスを書くことはできますか？
ngClass="'result'?'yes':'no'"
： だからdivタグで、私はこのような条件を持っています。私はクラス緑色のボタンのYESとの赤いボタンをNOに持っています。
[ngClass]でそれらを使用する方法。
あなたはこの試みることができるあなたの条件にgreen-button-conditionとred-button-conditionを交換し
<div class=" form-group" [ngClass]="{'green-button': green-button-condition, 'red-button': red-button-condition}">
次を行うことができますさまざまな条件に基づいて異なるクラスを適用する場合：
<div class=" form-group" [ngClass]="{ (result==='YES')? 'green-button': 'red-button'}">
・ホープそれは助ける.. :)
はい..持っています確認する。それは動作します。 –
あなたは
これは正しいですが、私は ''の条件を持っていますか？ ' ： ' ' このような。 –
[ngClass] = "'result'？ 'yes'： 'no'" この行が存在する必要があります。これを更新してください。 –
あなたの状態を角を持って書き換える必要があります – umar
それははいとnを含んでいますAPIからの値。 –
私はボタンでテキストを表示しています。私の質問は、色を変更することですw.r.tはいといいえ。 –
回答が「はい」の場合、緑色のボタンまたは赤色のボタン。 –