javascript - 如何更改动态 AngularJS ng 类中字形的颜色?

标签 javascript html css angularjs

所以,现在,我有一个名为 lessThan(a,b) 的函数,它接受 2 个数字来确定“a”是否小于“b”,并返回一个 bool 值(真/假)。我目前有一个表格,我在其中添加了一个字形图标,以便在 true 时显示复选标记,在 false 时显示 X。然而,我似乎无法弄清楚如何为这两个单独的案例改变颜色。它要么始终是一种颜色,要么根本没有颜色。我希望真正的案例将复选标记更改为绿色,并将 X 更改为红色。这是我现在尝试更改的代码行。

    <i ng-class="{'glyphicon glyphicon-ok': lessThan(a,b),'glyphicon glyphicon-remove': !lessThan(a,b) }"> </i>

最佳答案

你可以在普通的 css 中设置颜色。

.glyphicon-ok {
    color: green;
}

.glyphicon-remove {
    color: red;
}

关于javascript - 如何更改动态 AngularJS ng 类中字形的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38899517/

相关文章:

JavaScript:如何在文本字段中的值更改时显示警告框

javascript - 如何强制断开不易断的字符串?

javascript - 使用 'nestjs/jwt' 签名动态/用户相关的 secret

支持移动和 Web 布局的 HTML 电子邮件模板框架

javascript - 用CSS3制作3D图像效果?

html - 是否可以更改所选单选按钮中心圆的颜色

javascript - 如何将循环值传递给 Bootstrap 模态?

javascript - Electron 模态javascript按钮不起作用

javascript - Google+ span 元素在登录时消失

html - 导航栏上的内容问题 - Bootstrap