Question

我在angular js中使用searchable-multiselect，ng-required = true在multiselect中不起作用。如何在MultiSelect中应用ng-required？

<searchable-multiselect display-attr="name"  selected-items="users.user" all-items="allusers" ng-required=true

add-item =“ add（item，user）” remove-item =“删除（item，user）” ng-model =“ dropdownValues”>

Answer 1

您只能将ng-required应用于需要ng-model的指令。查看searchable-multiselect指令，它不需要ng-model，也不需要任何required的配置。

对此进行表单有效性的最简单方法是添加一个隐藏的输入，其中包含您可以对其进行有效性的操作。在这种情况下，您可以使用存储数据的模型对象。在下面的示例中，我们正在检查所选项目的长度，并要求至少输入1条。

<input 
    style="display: none;" 
    type="number"
    ng-model="dropdownValues.length" 
    ng-required="true" 
    min="1" />

正在工作的Plunkr：http://next.plnkr.co/edit/gkxUvPVK0NkdOewj

Answer 2

使用以下内容：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div 
   multi-select
   input-model="batch_timing.days"
   output-model="resultData"
   button-label="acronym"
   item-label="acronym symbol name"
   tick-property="ticked"
   helper-elements="all none reset"
   required name="days">
</div>
<button ng-click="validation()">submit</button>

$scope.resultData = [];

$scope.validation = function () {
  if($scope.resultData === null || $scope.resultData == '') {
    return false; // not validated
  } else {
    return true; // validated
  }
}

如何在MultiSelect中应用ng所需？

2 个答案: