当condition为真时，ng风格改变背景

Question

我希望当功率大于5时，div的背景和标签文本都改变。我如何在角度上做到这一点?

<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-style和ng-class来改变我的div的背景颜色，当一个值超过5时，也改变div标签文本下面是我的例子，它改变了颜色，但如何改变文本

Answer 1

您了解如何在控制器中设置"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>