角度ui選擇多個和ui驗證

Question

在我的角度應用程序中，我使用ui-select（angular-ui-select）。

如果控件是多個選項，則添加屬性'ng-required'不起作用。

我找到了添加ui-validate標籤的選項。並似乎表格不會發送，直到我填補這個領域。

這是我的代碼

<ui-select multiple ui-validate="{required: 'validateToRequired($value)'}" ng-model="newForm.to" ng-disabled="disabled" style="width: 100%;"> 
........ 
</ui-select> 

而且控制器

 $scope.validateToRequired = function (value) { 
     return !_.isEmpty(value); 
    } 
    $scope.submit = function() { 

      if ($scope.New_Form.$valid) { 
alert("valid"); 
    } 
    } 

我的問題是如何找到的CSS類，該字段爲空，而不是驗證

像.ng-無效的Css類

input.ng-invalid { 
      background-color: #FA787E; 
     } 

目前我沒有看到任何CSS類在控制檯

感謝

Answer 1

好，我找到了解決辦法

<div class="m-b-15" ng-class="{'ui-valid':newForm.to.length>0}"> 
         <ui-select multiple ui-validate="{required: 'validateToRequired()'}" ng-model="newForm.to" ng-disabled="disabled" style="width: 100%;"> 

         </ui-select> 
        </div> 

和CSS類

form { 
     &.ng-submitted { 
      .ng-invalid { 
       border-color: #FA787E; 
       background-color: #fcc9c9; 
      } 

      .ui-select-multiple { 
       border-color: #FA787E; 
       background-color: #fcc9c9; 
      } 

      .ui-valid { 
       .ui-select-multiple { 
        border-color: #ccd0d4; 
        background-color: #fff; 
       } 
      } 
     } 
    }