将 class 动态添加到基于符号的值

Question

如果整数是正数或负数，我想动态添加 class.. 我尝试从 HTML 调用函数，但这似乎不是正确的方法。下面是我的plunker..

<div ng-repeat="i in test">
    <span class="test">  {{getValue(i)}} </span> 
</div>

我想知道是否有任何方法可以从 HTML 中识别符号 (+/-) 并在 HTML 本身中解决它们..

Answer 1

在 JS 中只添加一个条件：

if( $("span").text().indexOf('+') != -1) {
    $("span").addClass("positiveClass");
}

在 jsfiddle

上查看实际效果

Answer 2

你可以在angular

中这样添加

ng-class="{'test': getValue(i) < 0}"

<span ng-class="{'test': getValue(i) < 0}">  {{getValue(i)}} </span>

Answer 3

你应该像下面这样使用 ng-class :

// JS
$scope.isPositive = function(value) {
    return value.indexOf('-') == -1;
}

和

// HTML
<style>.green { color: green; } .red { color: red; }</style>
<!-- ... --> 
<span ng-class="isPositive(i) ? 'green' : 'red'">  {{getValue(i)}} </span>

Working Plunker

编辑

为避免使用该功能，请直接在标记中进行检查：

<span ng-class="i.indexOf('-') == -1 ? 'green' : 'red'">  {{getValue(i)}} </span>

Updated plunker

将 class 动态添加到基于符号的值

Add class dynamically to values based on symbols

html

javascript

angularjs

ng-class