AngularJS: আমি কীভাবে ম্যানুয়ালি ইনপুটটিকে ler বৈধ কন্ট্রোলারে সেট করতে পারি?

Question 1

টোকেনইনপুট প্লাগইন ব্যবহার করে এবং অ্যাঙ্গুলার জেএস অন্তর্নির্মিত ফর্ম নিয়ন্ত্রণকারী বৈধতা ব্যবহার করে।

এই মুহুর্তে আমি ক্ষেত্রটিতে পাঠ্য রয়েছে কিনা তা যাচাই করার চেষ্টা করছি এবং তারপরে ক্ষেত্রটি বৈধ হিসাবে সেট করে। প্লাগইনটি ব্যবহার করার বিষয়টি হ'ল এটি নিজের নিজস্ব ইনপুট তৈরি করে এবং তারপরে স্টলিংয়ের জন্য একটি উল + লি তৈরি করে।

আমার কাছে নিয়ন্ত্রণ আইনে অ্যাড আইটেম (ফর্মনাম) এবং আমার ধারণাগুলি অ্যাক্সেস রয়েছে, আমার কেবল এটি বৈধ হিসাবে সেট করা দরকার।

মার্কআপ.

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

জেএস।

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

টোকেনইনপুটটিতে বস্তুটিতে কিছু প্রবেশ করা এবং পাস করার সময় আমি সক্ষমতাবিহীনকরণ ফাংশনটি চালাচ্ছি।

সম্পাদনা:

আমার ইনপুটটিতে এনজি-মডেলটি খুঁজে পেয়েছে যা স্টাফ করে এবং স্ব-পরিপূর্ণ ফলাফলগুলি পায়, যার কারণে আমি মডেলের উপর ভিত্তি করে কাজ করার জন্য এনজি-বৈধ হতে পারি না।

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

আমি এই স্ব-অসম্পূর্ণ বাস্তবায়নটি লিখি না, এনজি-মডেল অ্যাটারের কাছে আমার অ্যাক্সেস থাকতে এবং মডেল ফাংশনটিকে অন্য কোথাও সরিয়ে নিয়ে যাওয়ার জন্য এখানে অন্য উপায় আছে?

Question 2

আপনি সরাসরি কোনও ফর্মের বৈধতা পরিবর্তন করতে পারবেন না। সমস্ত বংশধর ইনপুট যদি বৈধ হয় তবে ফর্মটি বৈধ, যদি তা না হয় তবে তা হয় না।

আপনার যা করা উচিত তা হ'ল ইনপুট উপাদানটির বৈধতা সেট করা। তাই ভালো;

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

এখন ইনপুট (এবং তাই ফর্ম) অবৈধ। কোন ত্রুটিটি অবৈধ হওয়ার কারণ তাও আপনি দেখতে পারেন।

addItem.capabilities.errors.youAreFat == true;

Question 3

উপরের উত্তরগুলি আমার সমস্যা সমাধানে সহায়তা করে নি। দীর্ঘ অনুসন্ধানের পরে আমি এই আংশিক সমাধানটিতে ঝাঁপিয়ে পড়েছি ।

আমি ইনপুট ফিল্ডটি ম্যানুয়ালি এনজি-অবৈধ (এনজি-বৈধ সেটকে 'সত্য' এ সেট করতে) সেট করতে এই কোডটি দিয়ে আমার সমস্যার সমাধান করেছি:

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

Question 4

আমি এই পোস্টটি জুড়ে এসেছি ডাব্লু / একই ধরণের সমস্যা। আমার ফিক্সটি ছিল আমার জন্য আমার অবৈধ অবস্থা ধরে রাখতে কোনও লুকানো ক্ষেত্র যুক্ত করা।

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

Question 5

এটা খুব সহজ। উদাহরণস্বরূপ: আপনার মধ্যে জেএস নিয়ামক এটি ব্যবহার করুন:

$scope.inputngmodel.$valid = false;

বা

$scope.inputngmodel.$invalid = true;

বা

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

বা

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

সমস্ত বিভিন্ন প্রয়োজনের জন্য আমার জন্য কাজ করে। এটি যদি আপনার সমস্যার সমাধান করে তবে হিট আপ করুন।