AngularJS: Bagaimana cara mengatur input secara manual ke $ valid di controller?

Menggunakan plugin TokenInput dan menggunakan validasi formController bawaan AngularJS.

Saat ini saya mencoba untuk memeriksa apakah bidang tersebut berisi teks, dan kemudian menyetel bidang ke valid jika memang demikian. Masalah dengan menggunakan plugin adalah itu menciptakan inputnya sendiri dan kemudian ul + li untuk stlying.

Saya memiliki akses ke addItem (formname) dan kemampuan saya di controller, saya hanya perlu mengaturnya ke $ valid.

Markup.

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

Saya menjalankan fungsi abilityValidation ketika TokenInput memiliki sesuatu yang masuk dan meneruskan objek.

EDIT:

Mengetahui ng-model pada masukan saya melakukan banyak hal dan mendapatkan hasil pelengkapan otomatis, itulah sebabnya saya tidak bisa mendapatkan ng-valid untuk bekerja karena didasarkan pada model.

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

Saya tidak menulis implementasi pelengkapan otomatis ini, apakah ada cara lain untuk melakukan ini di mana saya akan memiliki akses ke attr model-ng dan memindahkan fungsi model ke tempat lain?

Anda tidak dapat langsung mengubah validitas formulir. Jika semua input turunan valid, formulirnya valid, jika tidak, maka tidak.

Yang harus Anda lakukan adalah mengatur validitas elemen input. Seperti itu;

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

Sekarang masukan (dan formulir) tidak valid. Anda juga dapat melihat kesalahan mana yang menyebabkan pembatalan.

addItem.capabilities.errors.youAreFat == true;

Jawaban di atas tidak membantu saya memecahkan masalah saya. Setelah pencarian yang lama, saya menemukan solusi parsial ini .

Saya akhirnya memecahkan masalah saya dengan kode ini untuk mengatur field input secara manual ke ng-invalid (untuk mengatur ke ng-valid atur ke 'true'):

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

Saya menemukan posting ini dengan masalah serupa. Perbaikan saya adalah menambahkan bidang tersembunyi untuk menahan status saya yang tidak valid.

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

Dalam kasus saya, saya memiliki bool nullable yang seseorang harus memilih salah satu dari dua tombol yang berbeda. jika mereka menjawab ya, entitas ditambahkan ke koleksi dan status tombol berubah. Sampai semua pertanyaan dijawab, (salah satu tombol di masing-masing pasangan memiliki klik) formulir tidak valid.

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>

Ini sangat sederhana. Misalnya: di dalam Anda pengontrol JS gunakan ini:

$scope.inputngmodel.$valid = false;

atau

$scope.inputngmodel.$invalid = true;

atau

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

atau

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

Semua bekerja untuk saya untuk kebutuhan yang berbeda. Hubungi jika ini menyelesaikan masalah Anda.