2016-11-18 8 views
0

ng-styleに複数の条件を追加する必要があります。 どうすればいいですか?ng形式の複数条件を追加

以下のコードを試しましたが、動作しません。このようなものを使用していけないのはなぜ

ng-style="ifTrue?'opacity:1;' : 'ifTrue? 'opacity: 1;': 'opacity: 0.5;''" 
+0

のようなものを使用することができますhttp://stackoverflow.com/questions/19375695/angular-ng-style-with-a-conditional-expression – 0aslam0

答えて

1

ng-style="ifTrue ? 'opacity:1;' : 'opacity: 0.5;'

ng-style=(condition) ? 'run this if true' : 'run this if false'

+0

'ifTrue'だけでした表記法、OPには複数の条件があります。 –

0

"、"で条件を分けることができます。このような 何か:

ng-style="{ 'background-color': '#ff0', color: 'red' }"

この例を参照してください:http://jsbin.com/fabisepede/edit?html,output


は、必ず "破線" の単語( '背景色')に引用符を置くことを忘れないでください。

この値については、コントローラで定義された変数を使用してスタイルを条件付きで割り当てることもできますが、ng-classを優先します。

+0

OPの問題を理解しましたか? –

1

あなたは関連

ng-style="condition && { /*properties*/ } || condition2 && { /*other properties*/ }"

関連する問題