如何在輸入和檢查條件時在angularjs中更改文本框類？

Question

我想在運行時更改文本框類，如果item.value> 10級success將適用，否則類danger將適用

這裏是我使用的代碼。

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

而且

var myApp = angular.module('myApp',[]); 

function MyCtrl($scope) { 
    $scope.items = [{name:'abc',value:10},{name:'xyz',value:8},{name:'lmn',value:15}]; 
} 

這裏是的jsfiddle這個：http://jsfiddle.net/Lvc0u55v/3452/

請指引我解決這個問題。

Answer 1

只需使用ng-class屬性如下：

<input type="text" ng-model="item.value" ng-class="{'success': item.value > 10, 'danger': item.value <= 10}"> 

見更新JSFiddle。

Answer 2

裏面ng-class有沒有需要{{item.value > 10 ? true : false}}或類似的東西。 http://jsfiddle.net/Lvc0u55v/3454/

ng-class="{'success': item.value > 10, 'danger': item.value <= 10 }" 

Answer 3

改變輸入，因爲這

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