你能用AngularJS进行条件格式化吗？

Question

我有一个包含来自我的控制器的值的元素:

<span>[[myvalue]]</span>

我根据值改变背景颜色.例如,值1-5应为红色,6-10应为绿色.

<span style='background-color: #green'>9</span>
<span style='background-color: #red'>1</span>

实现这一目标的最简单方法是什么？

Answer 1

正如你提到的tymeJV ngStyle也可以使用ngClass

<span ng-class="{'myClass' : (myValue < 9)}">{{myValue}}</span>

另外,为了促进一些单元测试,我还建议将逻辑放入一个函数中,这样你就可以轻松测试,因为它也使标记更容易阅读.

标记

<span ng-class="{'myClass' : isSpecial(myValue)}">{{myValue}}</span>

调节器

$scope.isSpecial = function(value){ return myValue < 9};

虽然我的例子和你的例子有点做作,但可以帮助以后更容易维护.