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

＆lt; input type =“number”ng-model =“number”＆gt; ＆lt; label ng-show =“number＆gt; 0”style =“color：green;”＆gt;你是正确的＆lt; / label＆gt; ＆lt; label ng-show =“number＆lt; 0”style =“color：red;”＆gt;您的号码为负数＆lt; / label＆gt;

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中的输入类型编号

3 个答案: