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

标签 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" >

最佳答案

尝试这样的事情

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

here是一个工作演示

关于javascript - 根据 ng-style 中的数学表达式更改字体颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39790059/

相关文章:

javascript - t.onSubmit is not a function 错误,提交表单时返回,如何解决?

javascript - 将自定义对象的 Mongoose PUT 实现到复杂模式中时出现问题

javascript - 向 NVD3 multiChart 添加额外的图表,缩短图表(由于图例)修复了什么?

javascript - 数组与单个对象 - AngularJS/Javascript(基础)

javascript - .getTime() 替代没有毫秒

javascript - AngularJS 中的链式 promise /需求

html - 使用 jQuery toggle() 后如何响应式地隐藏菜单?

css - 光标指针导致 iPad 闪烁

css - 对齐 div 中的元素?

javascript - 使用 Angular JS ionic 中的 Soap 请求获取 XML 响应