角度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; 
       } 
      } 
     } 
    }