タイプとチェックの状態で、anglejsのテキストボックスクラスを変更するには？

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