根据ng-style中的数学表达式更改字体颜色

时间:2016-09-30 11:05:29

标签: javascript css angularjs

当我在文本框中输入一个数字时,我希望将下面另一个文本框的文本颜色变为红色,具体取决于输入的值但是我不确定我是否具有ng-style的语法关于数学表达式是正确的。谢谢你的帮助!

     ng-model="approval.groupCreditLimit" ng-style="{'color':(approval.siteTotal + approval.siteCreditLimit) > approval.groupCreditLimit) ? 'red' : 'inherit'}"  class="form-control" name="groupCreditLimit" placeholder="Group Credit Limit" >

1 个答案:

答案 0 :(得分:1)

尝试这样的事情

ng-style="( (approval.siteTotal + approval.siteCreditLimit) > approval.groupCreditLimit) ? {'color': 'red'} : {'background-color': 'inherit'}" 

here是一个有效的演示