css - ng 风格的范围值

标签 css angularjs

我想根据输入字段中的值更改输入字段中的字体颜色。 Ng 风格不会“看到”作用域的值。因此颜色不会改变。

我使用的代码:

<input disabled name="saldo" type="text" class="form-control" placeholder="0.00" ng-model="saldo" ng-style="{'color': {{saldo}} < 0.00 ? 'red' : 'green') }">

这是我遇到的错误:

Error: [$parse:syntax] Syntax Error: Token '<' not a primary expression at column 12 of the expression [{'color':  < 0.00 ? 'red' : 'green') }] starting at [< 0.00 ? 'red' : 'green') }].

那么我怎样才能在 ng 风格中获得我的“saldo”值呢? (将 {{saldo}} 放在 ng 样式之外,给出正确的值)

最佳答案

我建议这样做,

<input disabled name="saldo" type="text" class="form-control" 
       placeholder="0.00" ng-model="saldo" 
       ng-style="saldo < 0.00 ? {'color':'red'} : {'color':'green'}">

希望这有帮助..

干杯

关于css - ng 风格的范围值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39122528/

相关文章:

node.js - 开源 Node.js 项目(MEAN 堆栈)能否在 GPLv3 下获得许可?

javascript - 当AngularJS完成编译他的 View 时,如何在JS中定义?

javascript - AngularJS 点击链接打开文本区域

html - 在表格单元格中将文本对齐到顶部

javascript - Chrome 扩展覆盖

html - Internet Explorer CSS - 中心 Div

javascript - window.onbeforeunload 自定义消息上的返回消息未设置。它总是显示默认消息

CSS3 多列和位置 :absolute

html - CSS 溢出 :hidden with floats

javascript - HTML5/Angular : How can you have an autocomplete list hold object values?