Question

我想根据该字段中的值更改输入字段中的字体颜色。 Ng风格不会＆＃34;看＆＃34;范围的价值。因此颜色不会改变。

我使用的代码：

<input disabled name="saldo" type="text" class="form-control" placeholder="0.00" ng-model="saldo" ng-style="{'color': {{saldo}} < 0.00 ? 'red' : 'green') }">

这是我得到的错误：

Error: [$parse:syntax] Syntax Error: Token '<' not a primary expression at column 12 of the expression [{'color':  < 0.00 ? 'red' : 'green') }] starting at [< 0.00 ? 'red' : 'green') }].

那么我怎样才能得到我的＆＃39; saldo＆＃39; ng风格的价值？（将{{saldo}}放在ng-style之外，给出正确的值）

Answer 1

我建议这样做，

<input disabled name="saldo" type="text" class="form-control" 
       placeholder="0.00" ng-model="saldo" 
       ng-style="saldo < 0.00 ? {'color':'red'} : {'color':'green'}">

希望这会有所帮助..

干杯

Answer 2

{{}}中您不需要ng-style。

替换它：

<input disabled name="saldo" type="text" class="form-control" placeholder="0.00" ng-model="saldo" ng-style="{'color': {{saldo}} < 0.00 ? 'red' : 'green') }">

用这个

<input disabled name="saldo" type="text" class="form-control" placeholder="0.00" ng-model="saldo" ng-style="{'color': saldo < 0.00 ? 'red' : 'green') }">

Answer 3

这个剪辑可能对你有帮助。

var myApp = angular.module('myApp',[]);

myApp.controller('GreetingController', ['$scope', function($scope) {
  $scope.saldo = 1;
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="GreetingController">
<input disabled name="saldo" type="text" class="form-control" placeholder="0.00" ng-model="saldo" ng-style="saldo < 0.00 ? {color: 'red'} : {color: 'green'}">
  </div>
</div>

Answer 4

请使用以下代码更改输入字段中的字体颜色，具体取决于该字段中的值 <input disabled name="saldo" type="text" class="form-control" placeholder="0.00" ng-model="saldo" ng-style="{'color':saldo}">

ng风格的范围值

4 个答案: