ngModel পিতামাতার ফর্মগ্রুপের নির্দেশের সাথে ফর্ম নিয়ন্ত্রণগুলি নিবন্ধকরণ করতে ব্যবহার করা যাবে না

Question 1

আরসি 5 এ আপগ্রেড করার পরে আমরা এই ত্রুটি পেতে শুরু করি:

ngModel cannot be used to register form controls with a parent formGroup 
 directive.
Try using formGroup's partner directive "formControlName" instead.  Example:

    <div [formGroup]="myGroup">
      <input formControlName="firstName">
    </div>

    In your class:

    this.myGroup = new FormGroup({
       firstName: new FormControl()
    });

      Or, if you'd like to avoid registering this form control,
 indicate that it's standalone in ngModelOptions:

      Example:

      
  <div [formGroup]="myGroup">
     <input formControlName="firstName">
     <input [(ngModel)]="showMoreControls" [ngModelOptions]="{standalone: true}">
  </div>

দেখে মনে হচ্ছে আরসি 5 এ দু'জনকে আর একসাথে ব্যবহার করা যাবে না, তবে আমি কোনও বিকল্প সমাধান খুঁজে পাইনি।

ব্যতিক্রম উত্পাদনের উপাদানটি এখানে:

    <select class="field form-control" [formGroup]="form" [(ngModel)]="cause.id" [name]="name">
    <option *ngFor="let c of causes" [value]="c.text">{{c.text}}</option>
    </select>

Question 2

উত্তরটি ত্রুটি বার্তায় ঠিক রয়েছে, আপনাকে অবশ্যই এটি সূচিত করতে হবে যে এটি স্বতন্ত্র এবং সুতরাং এটি ফর্ম নিয়ন্ত্রণগুলির সাথে বিরোধ নয়:

[ngModelOptions]="{standalone: true}"

Question 3

@ আভানির Çোকাজের উত্তরটি প্রসারিত করা হচ্ছে

একজন নবজাতক এমনকি আমি ত্রুটি বার্তাটি প্রথমে পরিষ্কারভাবে বুঝতে পারি নি।

ত্রুটির বার্তাটি কীটি ইঙ্গিত করে তা হ'ল আপনার ফর্মগ্রুপে আপনার এমন একটি উপাদান রয়েছে যা আপনার ফর্মকন্ট্রোলের জন্য গণ্য হয় না। (উদ্দেশ্যমূলকভাবে / দুর্ঘটনাক্রমে)

যদি আপনি এই ক্ষেত্রটি বৈধতা না দেওয়ার ইচ্ছা করেন তবে এখনও এই ইনপুট উপাদানটিতে এনজিমডেলটি ব্যবহার করতে চান দয়া করে উপরে @ অ্যাভেনির দ্বারা উল্লিখিত বৈধতার প্রয়োজন ছাড়াই এটি একটি স্বতন্ত্র উপাদান চিহ্নিত করতে পতাকা যুক্ত করুন।

Question 4

ঠিক আছে, অবশেষে এটি কার্যকর হয়েছে: https://github.com/angular/angular/pull/10314#issuecomment-242218563 দেখুন

সংক্ষেপে, আপনি আর এ এর nameমধ্যে আর অ্যাট্রিবিউট ব্যবহার করতে পারবেন না formGroupএবং এর formControlNameপরিবর্তে অবশ্যই ব্যবহার করতে হবে

Question 5

আপনি যখন ফর্মকন্ট্রোলনাম লিখেন তখন কৌনিক 2 গ্রহণ করবেন না। আপনাকে formControlName লিখতে হবে । এটি বড় হাতের দ্বিতীয় শব্দ সম্পর্কে।

<input type="number" [(ngModel)]="myObject.name" formcontrolname="nameFormControl"/>

ত্রুটিটি এখনও যদি অজানা সমস্ত (মাইবজেক্ট) ক্ষেত্রের জন্য ফর্ম নিয়ন্ত্রণ সেট করার চেষ্টা করে।

<form> </form>উদাহরণস্বরূপ শুরুতে :<form [formGroup]="myForm" (ngSubmit)="submitForm(myForm.value)"> set form control for all input field </form>.

Question 6

import { FormControl, FormGroup, AbstractControl, FormBuilder, Validators } from '@angular/forms';


    this.userInfoForm = new FormGroup({
      userInfoUserName: new FormControl({ value: '' }, Validators.compose([Validators.required])),
      userInfoName: new FormControl({ value: '' }, Validators.compose([Validators.required])),
      userInfoSurName: new FormControl({ value: '' }, Validators.compose([Validators.required]))
    });

<form [formGroup]="userInfoForm" class="form-horizontal">
            <div class="form-group">
                <label class="control-label"><i>*</i> User Name</label>
                    <input type="text" formControlName="userInfoUserName" class="form-control" [(ngModel)]="userInfo.userName">
            </div>
            <div class="form-group">
                <label class="control-label"><i>*</i> Name</label>
                    <input type="text" formControlName="userInfoName" class="form-control" [(ngModel)]="userInfo.name">
            </div>
            <div class="form-group">
                <label class="control-label"><i>*</i> Surname</label>
                    <input type="text" formControlName="userInfoSurName" class="form-control" [(ngModel)]="userInfo.surName">
            </div>
</form>

স্নিপেট প্রসারিত করুন

Question 7

যদি উপাদানটির 1 টির বেশি ফর্ম থাকে তবে সমস্ত নিয়ন্ত্রণ এবং ফর্মগুলি নিবন্ধ করুন

আমাকে অন্য একটি উপাদানে নয় কেন একটি নির্দিষ্ট উপাদানে এটি ঘটছে তা জানতে হবে।

সমস্যাটি ছিল আমার একটি উপাদানটিতে আমার 2 টি ফর্ম ছিল এবং দ্বিতীয় ফর্মটি এখনও [formGroup]ছিল না এবং এখনও নিবন্ধভুক্ত হয়নি যেহেতু আমি এখনও ফর্মগুলি তৈরি করছিলাম।

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

Question 8

আমি এই ত্রুটিটি পেয়েছি কারণ আমি divকোনও formGroupবৈশিষ্ট্যের সাথে আমার সমস্ত ফর্ম নিয়ন্ত্রণগুলি আবদ্ধ করি নি ।

উদাহরণস্বরূপ, এটি একটি ত্রুটি নিক্ষেপ করবে

<div [formGroup]='formGroup'>
</div>
<input formControlName='userName' />

এটি মিস করা বেশ সহজ হতে পারে যদি এটির একটি দীর্ঘতর ফর্ম।

Question 9

আপনি ব্যবহার করতে চান তাহলে [formGroup]সঙ্গে formControlName, আপনি প্রতিস্থাপন করতে হবে nameসঙ্গে অ্যাট্রিবিউট formControlNameformControlName।

উদাহরণ:

এটি কাজ করে না কারণ এটি [formGroup]এবং nameগুণাবলী ব্যবহার করে ।

<div [formGroup]="myGroup">
   <input name="firstName" [(ngModel)]="firstName">
</div>

আপনার nameদ্বারা বৈশিষ্ট্যটি প্রতিস্থাপন করা উচিত formControlNameএবং এটি নীচের মত ভাল কাজ করবে:

<div [formGroup]="myGroup">
   <input formControlName="firstName" [(ngModel)]="firstName">
</div>

Question 10

দেখে মনে হচ্ছে আপনি formControlName হিসাবে একই ফর্ম ক্ষেত্রে ngModel ব্যবহার করছেন। এনজিওমোডেল ইনপুট সম্পত্তি ব্যবহারের জন্য সমর্থন এবং প্রতিক্রিয়াশীল ফর্ম নির্দেশাবলীর সাথে এনজিমোডেল চেঞ্জ ইভেন্টটি কৌণিক v6 এ অবমূল্যায়ন করা হয়েছে এবং কৌণিক v7 এ সরানো হবে

Question 11

আপনার ফর্ম গ্রুপ ট্যাগগুলিতে কোনও ফর্মকন্ট্রনলাম সম্পত্তি নেই এমন কিছু ফর্ম নিয়ন্ত্রণ (যেমন ইনপুট, নির্বাচন, ইত্যাদি) থাকলে এই ত্রুটিটি উদ্ভূত হয়।

এই উদাহরণগুলি ত্রুটি নিক্ষেপ করে:

<form [formGroup]="myform">
    <input type="text">
    <input type="text" [ngmodel]="nameProperty">
    <input type="text" [formGroup]="myform" [name]="name">
</fom>

দুটি উপায় আছে, একা দাঁড়ানো:

<form [formGroup]="myform">
    <input type="text" [ngModelOptions]="{standalone: true}">
    <input type="text" [ngmodel]="nameProperty" [ngModelOptions]="{standalone: true}">
    <!-- input type="text" [formGroup]="myform" [name]="name" --> <!-- no works with standalone --
</form>

অথবা এটি ফর্মগ্রুপে অন্তর্ভুক্ত করুন

<form [formGroup]="myform">
    <input type="text" formControlName="field1">
    <input type="text" formControlName="nameProperty">
    <input type="text" formControlName="name">
</fom>

শেষটি সূচনাগ্রন্থ গোষ্ঠীতে এগুলি সংজ্ঞায়িত করতে বোঝায়

this.myForm =  new FormGroup({
    field1: new FormControl(''),
    nameProperty: new FormControl(''),
    name: new FormControl('')
});