2016-10-31 22 views
0

當功率大於5時,我希望div的背景和標籤文本發生更改。如何以角度實現此目的?當條件爲真時ng樣式更改背景

<div flex="5" layout="column" layout-align="center center center" class="default" ng-style="{'background-color':power1.value >5 ? 'red': 'black'}"> 
         <label><center>VOLTAGE1</center></label> 
         </div> 

我想用角ng-styleng-class改變我的div的背景顏色,當值超過5也改變下面的DIV標籤文字的我有什麼改變了顏色,但如何才能樣本更改文字

+0

我也想改變標籤文本時值大於5的背景與NG風格的變化更大,以電壓高,但我需要兩個背景和標籤改變 –

+0

是你已經在settiing功率您控制器? – defaultcheckbox

+0

你給那個電壓靜態.....所以請提供relavent js –

回答

0

您是否瞭解如何在控制器中設置「power1」的值?

<div flex="5" layout="column" layout-align="center center center" class="default" ng-style="{'background-color': power1.value >5 ? 'red': 'black'}"> 
    <label> 
    <center>{{power1.value >5 ? 'VOLTAGE HIGH': 'VOLTAGE1'}}</center> 
    </label> 
</div> 
+0

所以在這個中心標籤我應該包括任何角? –

+0

我不明白你的問題,但括號是有棱角的。它不適合你? – defaultcheckbox

+0

謝謝你的工作 –