AngularJS: Як мені вручну встановити для введення значення $ valid у контролері?

Використовуючи плагін TokenInput та використовуючи вбудовану перевірку форми AngularJS formController.

Зараз я намагаюся перевірити, чи містить поле поле, а потім встановити його як дійсне, якщо воно містить. Проблема використання плагіна полягає в тому, що він створює власний вхід, а потім ul + li для зберігання.

У мене є доступ до addItem (ім'я форми) та мої можливості в контролері, мені просто потрібно встановити для нього значення $ valid.

Розмітка.

<form class="form-horizontal add-inventory-item" name="addItem">
     <input id="capabilities" name="capabilities" token-input data-ng-model="inventoryCapabilitiesAutoComplete" data-on-add="addCapability()" data-on-delete="removeCapability()" required>
     <div class="required" data-ng-show="addItem.capabilities.$error.required" title="Please enter capability."></div>
</form>

JS.

$scope.capabilityValidation = function (capability) {
  if (capability.name !== "") {
    addItem.capabilities.$valid = true;
    addItem.capabilities.$error.required = false;
  } else {
    addItem.capabilities.$valid = false;
    addItem.capabilities.$error.required = true;
  }
};

Я запускаю функцію capabilityValidation, коли TokenInput щось вводить і передає в об'єкт.

РЕДАГУВАТИ:

З'ясувавши, що ng-model на моєму вводі робить щось і отримує результати автозавершення, саме тому я не можу отримати ng-valid для роботи, оскільки вона базується на моделі.

$scope.inventoryCapabilitiesAutoComplete = {
  options: {
    tokenLimit: null
  },
  source: urlHelper.getAutoComplete('capability')
};

Я не писав цю реалізацію автозаповнення, чи є інший спосіб зробити це, де я мав би доступ до ng-model attr і переміщував функцію моделі кудись ще?

Ви не можете безпосередньо змінити дію форми. Якщо всі вхідні дані вхідні, вірна форма, якщо ні, то це не так.

Що вам слід зробити, це встановити дійсність вхідного елемента. Подобається так;

addItem.capabilities.$setValidity("youAreFat", false);

Тепер введення (і тому форма) недійсне. Ви також можете побачити, яка помилка спричиняє недійсність.

addItem.capabilities.errors.youAreFat == true;

Відповіді вище не допомогли мені вирішити мою проблему. Після довгих пошуків я наткнувся на це часткове рішення .

Нарешті я вирішив свою проблему з цим кодом, щоб вручну встановити поле введення на ng-invalid (щоб встановити на ng-valid встановити його на "true"):

$scope.myForm.inputName.$setValidity('required', false);

Я натрапив на цю публікацію з подібною проблемою. Моє виправлення полягало в тому, щоб додати приховане поле, яке містило б мій недійсний стан для мене.

<input type="hidden" ng-model="vm.application.isValid" required="" />

У моєму випадку у мене був недопустимий бул, який людина повинна була вибрати одну з двох різних кнопок. якщо вони відповідають ствердно, до колекції додається сутність, і стан кнопки змінюється. Поки не отримають відповіді на всі запитання (одна з кнопок у кожній з пар має клацання) форма недійсна.

vm.hasHighSchool = function (attended) { 
  vm.application.hasHighSchool = attended;
  applicationSvc.addSchool(attended, 1, vm.application);
}

<input type="hidden" ng-model="vm.application.hasHighSchool" required="" />
<div class="row">
  <div class="col-lg-3"><label>Did You Attend High School?</label><label class="required" ng-hide="vm.application.hasHighSchool != undefined">*</label></div>
  <div class="col-lg-2">
    <button value="Yes" title="Yes" ng-click="vm.hasHighSchool(true)" class="btn btn-default" ng-class="{'btn-success': vm.application.hasHighSchool == true}">Yes</button>
    <button value="No" title="No" ng-click="vm.hasHighSchool(false)" class="btn btn-default" ng-class="{'btn-success':  vm.application.hasHighSchool == false}">No</button>
  </div>
</div>

Це дуже просто. Наприклад: у вашому контролері JS використовуйте це:

$scope.inputngmodel.$valid = false;

або

$scope.inputngmodel.$invalid = true;

або

$scope.formname.inputngmodel.$valid = false;

або

$scope.formname.inputngmodel.$invalid = true;

Все працює для мене за різними вимогами. Будьте готові, якщо це вирішить вашу проблему.