在 AngularJS 中输入类型编号

Question

我在AngularJS中有一个输入类型编号如下...

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

我想实现以下目标：

如果用户输入一个正值，它应该显示相同的字体和颜色
如果用户显示一个负值，它应该显示红色字体颜色表示它是一个负数

谁能告诉我如何动态实现这个？

Answer 1

<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"};
   }

}

希望对您有所帮助。

Answer 2

  <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>

Answer 3

你可以做到这一点。

HTML

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

CSS

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

在 AngularJS 中输入类型编号

Input type number in AngularJS

javascript

validation

angularjs

ng-class