angular - কৌণিক 2 যদি এনজিমোডেল কোনও ফর্ম ট্যাগের মধ্যে ব্যবহার করা হয় তবে নামটির বৈশিষ্ট্যটি অবশ্যই সেট করা উচিত বা ফর্মটি




angular-forms (8)

আমি এই ত্রুটিটি কৌনিক 2 থেকে পাচ্ছি

core.umd.js: 5995 ছাড়: আনকড (প্রতিশ্রুতিতে): ত্রুটি: অ্যাপ / মডেল_এক্সপোজার_ক্রেন্সিগুলিতে ত্রুটি: সেট বা ফর্ম নিয়ন্ত্রণ অবশ্যই ngModelOptions এ 'স্ট্যান্ডেলোন' হিসাবে সংজ্ঞায়িত করা উচিত।

      Example 1: <input [(ngModel)]="person.firstName" name="first">
      Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">
<td *ngFor="let lag of ce.lags">
    <div class="form-group1">
        <input name="name" [(ngModel)]="lag.name" [ngModelOptions]="{standalone: true}"  class="form-control" pattern="[0-9]*(\.[0-9]+)?" required>
    </div>

</td>

এইভাবে আমি ফর্ম ট্যাগটি ব্যবহার করি:

 <form #f="ngForm" (ngSubmit)="onSubmit()">

আপনার পছন্দের ফর্মটিতে তথ্য প্রদর্শন করতে সক্ষম হতে আপনার আগ্রহের নামের সেই নির্দিষ্ট ইনপুটগুলি দেওয়া দরকার। আমি আপনার কাছে সুপারিশ করব:

<form #f="ngForm" (ngSubmit)="onSubmit(f)"> ...
<input **name="firstName" ngModel** placeholder="Enter your first name"> ...

আপনার পেজ.টায় আপনার কৌনিক / ফর্মগুলি থেকে {এনজিএফর্ম import আমদানি করতে হবে;

কোড এইচটিএমএল:

<form #values="ngForm" (ngSubmit)="function(values)">
 ...
 <ion-input type="text" name="name" ngModel></ion-input>
 <ion-input type="text" name="mail" ngModel></ion-input>
 ...
</form>

আপনার পেজ.টসগুলিতে, ফর্ম ডেটা ম্যানিপুলেট করতে আপনার ফানসিওন প্রয়োগ করুন:

function(data) {console.log("Name: "data.value.name + " Mail: " + data.value.mail);}

আপনি যে সংস্করণটি ব্যবহার করছেন তা উল্লেখ করেননি তবে আপনি যদি rc5 বা rc6 ব্যবহার করেন তবে সেই "পুরানো" ফর্মের স্ট্র্যাপটি অবচিত করা হয়েছে। "নতুন" ফর্ম কৌশলগুলির দিকনির্দেশনার জন্য এটি একবার দেখুন: https://angular.io/docs/ts/latest/guide/forms.html


আমার ক্ষেত্রে ত্রুটিটি ঘটেছে কারণ নীচে এইচটিএমএল মার্কআপে নাম বৈশিষ্ট্য ছাড়াই আরও একটি লাইন বিদ্যমান।

<input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone:
   true}">

তবে ব্রাউজারটি এখনও প্রথম সারিতে ত্রুটি রয়েছে বলে জানায়। এবং যদি এই দুজনের মধ্যে অন্য উপাদান থাকে তবে ভুলের উত্সটি আবিষ্কার করা শক্ত।


আমি লক্ষ্য করেছি যে ক্রোম বিকাশকারী সরঞ্জামটি কখনও কখনও কেবল নামের সাথে সঠিকভাবে সেট আপ করা সত্ত্বেও কেবল লাল রঙের প্রথম উপাদানটিকে আন্ডারলাইন করে। এটি আমাকে কিছুক্ষণের জন্য ফেলে দিল।

যে কোনওটি অদ্ভুতভাবে নিম্নরেখাঙ্কিত হোক না কেন এনজিমোডেল রয়েছে এমন ফর্মের প্রতিটি উপাদানটিতে একটি নাম অবশ্যই যুক্ত করা উচিত।


উভয় বৈশিষ্ট্য প্রয়োজন এবং সমস্ত ফর্ম উপাদানগুলির "নাম" বৈশিষ্ট্যটিও যাচাই করে নিন। আপনি যদি ফর্ম জমা দেওয়ার ধারণাটি ব্যবহার করছেন তবে অন্য জ্ঞানী কেবল ফর্ম এলিমেন্টের পরিবর্তে ডিভ ট্যাগ ব্যবহার করুন।

<input [(ngModel)]="firstname" name="something">

ত্রুটি বার্তায় নিজেই আতঙ্কিত হন না এমন প্রত্যেকের জন্য, তবে এখান থেকে উদাহরণ কেন কাজ করে না তা ব্যাখ্যা করার জন্য গুগলিং (যেমন পাঠ্য ইনপুট ক্ষেত্রে টাইপ করা হয় তখন ডায়নামিকাল ফিল্টারিং ঘটে না): এটি কাজ করবে না যতক্ষণ না আপনি ইনপুট ক্ষেত্রে নামের পরামিতি যুক্ত করবেন। পাইপ কেন কাজ করছে না তার ব্যাখ্যাটিতে কিছুই নির্দেশ করে না, তবে ত্রুটি বার্তা এই বিষয়টিকে নির্দেশ করে এবং গৃহীত উত্তর অনুসারে এটিকে ঠিক করা গতিশীল ফিল্টারকে কাজ করে তোলে।


প্রতিটি বিকাশকারীর যেমন একটি সাধারণ অভ্যাস থাকে, সম্পূর্ণ ত্রুটিটি না পড়েন, কেবল প্রথম লাইনটি পড়ুন এবং অন্য কারও কাছ থেকে উত্তর খোঁজা শুরু করুন :) :) আমিও তাদের মধ্যে একজন, এ কারণেই আমি এখানে আছি:

ত্রুটিটি পড়ুন, স্পষ্টভাবে বলেছেন:

Example 1: <input [(ngModel)]="person.firstName" name="first">
Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">

এই ত্রুটিটি আরও আমাদের কী বুঝতে হবে?

যে কোনও একটি বিকল্প ব্যবহার করুন সবকিছু মসৃণভাবে কাজ করবে।