Eingangstyp Nummer in AngularJS

Question

ich eine Eingabetyp Nummer in AngularJS haben wie folgt ...

<input type="number"></input> 

Ich möchte folgendes erreichen:

• Wenn Benutzer einen positiven Wert eingibt, es Anzeige die gleiche Schriftart und Farbe sollte

• Wenn der Benutzer einen negativen Wert zeigt, sollte es Schriftfarbe in rot angezeigt werden angibt, dass es eine negative Zahl ist

Kann mir bitte jemand sagen, wie man das dynamisch erreicht?

Answer 1

Sie könnten dies tun.

HTML

<input type="number" ng-class="{negative: amount < 0, positive: amount > 0}" ng-model="amount"/>

CSS

.negative { 
    color: red; 
} 
.positive { 
    color: green; 
} 

Answer 2

<input type="number" ng-change="amountChanged()" ng-style="myStyle.color" ng-model="amount"/> 

$scope.myStyle= {}; 
$scope.amountChanged = function() { 

    if($scope.amount < 0) 
    { 
     $scope.myStyle.color= {"color":"green"}; 
    } 
    else 
    { 
     $scope.myStyle.color= {"color":"blue"}; 
    } 

} 

Ich hoffe, es hilft.

Answer 3

<input type="number" ng-model="number"> 
    <label ng-show="number > 0" style="color:green;">You are Correct</label> 
    <label ng-show="number < 0" style="color:red;">Your number is negative</label>