Я попытался использовать атрибут html5 required
для моей группы флажков, но я не нашел хороший способ реализовать его с помощью ng-формы.
Когда флажок установлен, я хочу, чтобы значение этого входного элемента было перенесено в массив значений.
Требуемый валидатор angular, похоже, наблюдает за ng-моделью, связанной с элементом ввода, но как я могу связать несколько флажков с одной и той же моделью и обновить ее значение со значением поля ввода?
В настоящее время реализация похожа на эту скрипту.
<div ng-controller="myCtrl">
<ng-form name="myForm">
<span ng-repeat="choice in choices">
<label class="checkbox" for="{{choice.id}}">
<input type="checkbox" required="required" value="{{choice.id}}" ng-click="updateQuestionValue(choice)" ng-model="choice.checked" name="group-one" id="{{choice.id}}" />
{{choice.label}}
</label>
</span>
<input type="submit" value="Send" ng-click="submitSurvey(survey)" ng-disabled="myForm.$invalid" />
</ng-form>
</div>
Функция updateQuestionValue обрабатывает добавление или удаление из массива значений, но каждый флажок имеет свою собственную модель, и поэтому каждый флажок должен быть проверен, чтобы форма была действительной.
У меня есть работа над группой переключателей, но все они работают на той же модели, что и только один.