javascript - 在angularjs中动态应用css

标签 javascript html css angularjs ng-class

我有以下输入。

HTML如下。

 <input type="number" ng-class="{negative: amount < 0}" ng-model="amount"/>

CSS如下

 .negative {
         color: red;
 }

如果金额为正数,则不显示 css,如果金额为负数,则使用 .negative 作为其 css 并以红色显示字体。

但是我希望当金额为正数时显示正类。

谁能告诉我如何同时满足正负值。

这是积极的 css。

.positive {
         color: blue;
}

最佳答案

你可以不用像这样的函数来做

<input type="number" ng-class="{positive: amount >= 0, negative: amount < 0}" ng-model="amount"/>    

一个codepen显示

关于javascript - 在angularjs中动态应用css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38132399/

相关文章:

javascript - 如何在悬停时显示最近的 div?

javascript - Node.js、Promises 和递归——可能吗?

javascript - 使用 Vue 的搜索框和复选框过滤器

java - 使用 selenium webdriver 在 <label> 列表中查找选定的单选按钮

html - CSS @media 停止在 textarea 焦点上的移动设备上工作

javascript - 我需要帮助让 JQuery 函数 slideDown 在我的代码中工作

php - Twilio 客户端保持通话

javascript - 使用 AJAX 发布到同一页面时无法收到正确的响应

php - DOMDocument saveHTML 错误地编码 href 属性

html - CSS-在 div 中定位多个图像