Как применить ng-required в MultiSelect?

Question

Я использую searchable-multiselect в угловых js, ng-required = true не работает в multiselect. Как применить ng-required в MultiSelect?

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

add-item = "add (item, пользователь) "remove-item =" remove (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" />

Рабочий план: 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
  }
}