применить класс ng по недопустимому возвращаемому значению

Question

Я хочу применить класс bootstrap has-error к недопустимому возврату из метода в контроллере. Но ни одна из моих попыток, похоже, не работает. Вот как я это делаю:

<form role="form" name="configForm"> 
    <div class="form-group"> 
     <label class="control-label">Not between</label> 
     <table class="table table-bordered table-hover table-condensed"> 
      <tr style="font-style:italic; font-weight: bold"> 
       <td style="width: 50%">Lower Bound</td> 
       <td style="width: 50%">Upper Bound</td> 
      </tr> 
      <tr ng-repeat="bounds in themeComponents.components[compKey].boundaries.notBetween"> 
       <td> 
        <input name="betweenLowBound" class="form-control" ng-model="bounds.lower" ng-class="{'has-error' : checkBounds(bounds.lower, bounds.upper) == true }"> 
       </td> 
       <td> 
        <input name="betweenUpperBound" class="form-control" ng-model="bounds.upper" ng-class="{'has-error' : checkBounds(bounds.lower, bounds.upper) == true }"> 
       </td> 
       <td> 
        <button type="button" ng-click="removeEasingItem(compKey, bounds)" class="btn btn-sm btn-danger"> 
         <i class="glyphicon glyphicon-remove-circle"> 
              </i> 
        </button> 
       </td> 
      </tr> 
     </table> 
    </div> 
</form> 

Вот моя простая проверка в контроллере:

$scope.checkBounds = function (lower, upper) { 
    if(lower > upper) 
     return true; 
    return false; 
} 

Кроме того, как я мог проектировать это как выражение рядный ng-if, а не метод в контроллере? Я хочу td-input пойти в error состояние, когда upperbound значение больше lowerbound ..

Answer 1

Используйте нг-класс для динамического добавления CSS: ng-class="{ 'has-error': bounds.lower > bounds.upper}"