Klasse dynamisch zu Werten hinzufügen, die auf Symbolen basieren

Question

Ich wollte die Klasse dynamisch hinzufügen, wenn die ganze Zahl positiv oder negativ ist. Ich habe versucht, eine Funktion aus dem HTML aufzurufen, aber das scheint kein richtiger Weg zu sein. Unten ist mein Plunker ..

Add class from html

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

Ich mag würde wissen, ob es eine Möglichkeit ist wherin die Vorzeichen (+/-) aus dem HTML identifiziert werden und sie in der HTML lösen sich ..

Answer 1

Sie ng-class wie folgt wie folgt hinzufügen verwenden sollte:

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

Und

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

Working Plunker

EDIT

Zur Verwendung der Funktion tun, um die Check-in-Markup zu vermeiden direkt:

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

Updated plunker

Answer 2

hinzufügen nur eine bedingte in JS:

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

es in Aktion auf jsfiddle

Answer 3

Sie können in Winkel

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

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