Javascript 如何在输入和检查条件时更改angularjs中的textbox类?

Javascript 如何在输入和检查条件时更改angularjs中的textbox类?,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我试图在运行时更改textbox类,如果item.value大于10,则将应用类成功,否则将应用类危险 这是我正在使用的代码 <div ng-controller="MyCtrl"> <div ng-repeat="item in items"> <td>{{item.name}}</td> <input type="text" ng-model="item.value"> </div> </div> <

我试图在运行时更改textbox类,如果item.value大于10,则将应用类成功,否则将应用类危险

这是我正在使用的代码

<div ng-controller="MyCtrl">
  <div ng-repeat="item in items">
<td>{{item.name}}</td>
<input type="text" ng-model="item.value">
</div>
</div>
<!-- 
<input ng-class="{'success': {{item.value > 10 ? true : false}}, 'danger': !{{item.value > 10 ? true : false}}}" type="text" ng-model="report.attribute_result">
-->
下面是JSFIDLE:

请指导我修复此问题。

只需使用ng class属性,如下所示:

<input type="text" ng-model="item.value" ng-class="{'success': item.value > 10, 'danger': item.value <= 10}">
请参阅更新。

只需按如下方式使用ng class属性:

<input type="text" ng-model="item.value" ng-class="{'success': item.value > 10, 'danger': item.value <= 10}">
请参阅更新。

在ng类中,不需要{{item.value>10?true:false}或类似的内容。

在ng类中,不需要{item.value>10?true:false}或类似的东西。


将输入更改为如下所示

<input ng-class="(item.value > 10)?'success':'danger'" type="text" ng-model="report.attribute_result">

将输入更改为如下所示

<input ng-class="(item.value > 10)?'success':'danger'" type="text" ng-model="report.attribute_result">