Dodaj klasę dynamicznie do wartości na podstawie symboli

Question

Chciałem dodać klasę dynamicznie, jeśli liczba całkowita jest dodatnia lub ujemna .. Próbowałem przez wywołanie funkcji z HTML, ale to nie wydaje się być właściwą drogą. Poniżej jest moje plunker ..

Add class from html

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

chciałbym wiedzieć, czy istnieje jakikolwiek sposób Wherin znaki (+/-) można zidentyfikować z HTML i rozwiązać je w samym HTML ..

Answer 1

Należy użyć ng-class jak następuje:

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

And

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

Working Plunker

EDIT

Aby uniknąć korzystania z funkcji, należy sprawdzić w znacznikach bezpośrednio:

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

Updated plunker

Answer 2

dodać tylko jeden warunkowy JS:

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

Zobacz go w akcji na jsfiddle

Answer 3

Możesz dodać tak w kątowym

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

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