条件为真时,ng-style更改背景

时间:2016-10-31 13:06:41

标签: angularjs

我希望div的背景和标签文本在功率大于5时都能改变。我怎样才能在角度上实现这个目标?

<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标签文本是我所拥有的样本更改了颜色,但如何改变文本

1 个答案:

答案 0 :(得分: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>