ng样式的范围值

  • Z时代
  • 2024-01-10
  • 分类：问答

我想根据该字段中的值在输入字段中更改字体颜色。 Ng风格不会“看到”范围的值。因此颜色不会改变。ng样式的范围值

的代码我使用：

<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') }].

所以，我怎么能得到在NG-风格我'saldo的价值？ （将{{saldo}}放在ng样式之外，给出正确的值）

回答：

您不需要{{}}在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') }">

回答：

我建议这样做，

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

希望这有助于..

干杯

回答：

这被剪断可能会帮助你。

int-override">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>

回答：

请使用下面的代码依赖于在该领域 <input disabled name="saldo" type="text" class="form-control" placeholder="0.00" ng-model="saldo" ng-style="{'color':saldo}">

以上是 ng样式的范围值 的全部内容， 来源链接： utcz.com/qa/259063.html

回到顶部