कोणीय 2: 'फॉर्म ग्रुप' से बंधे नहीं जा सकते क्योंकि यह 'फॉर्म'

Question

की ज्ञात संपत्ति नहीं है, मैं कोणीय 2 में नया हूं और मैं एक प्रतिक्रियाशील रूप बनाने की कोशिश करता हूं लेकिन मुझे कुछ परेशानी है। ढेर में कई खोजों के बाद मुझे कोई समाधान नहीं मिला।

यहाँ आप मेरी त्रुटि देख सकते हैं

कोड:

दृश्य:

<main> 
    <div class="container"> 
     <h2>User data</h2> 
     <form [formGroup]="userForm"> 
      <div class="form-group"> 
       <label>name</label> 
       <input type="text" class="form-control" formControlName="name"> 
      </div> 
      <div class="form-group"> 
       <label>email</label> 
       <input type="text" class="form-control" formControlName="email"> 
      </div> 
      <div class="" formGroupName="adresse"> 
       <div class="form-group"> 
        <label>Rue</label> 
        <input type="text" class="form-control" formControlName="rue"> 
       </div> 
       <div class="form-group"> 
        <label>Ville</label> 
        <input type="text" class="form-control" formControlName="ville"> 
       </div> 
       <div class="form-group"> 
        <label>Cp</label> 
        <input type="text" class="form-control" formControlName="cp"> 
       </div> 
      </div> 
      <button type="submit" class="btn btn-primary">Submit</button> 
     </form> 
    </div> 
</main> 

मेरे module.ts

import { NgModule }  from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { ContactComponent } from './contact.component'; 
import { FormGroup , FormControl , ReactiveFormsModule , FormsModule } from '@angular/forms'; 


@NgModule({ 
    imports: [ 
    NgModule, 
    BrowserModule, 
    FormsModule, 
    ReactiveFormsModule, 
    FormGroup, 
    FormControl 
    ], 
    declarations: [ 
    ContactComponent 
    ] 
}) 
export class ContactModule {} 

और मेरे घटक।

import {Component} from '@angular/core'; 
import { FormGroup , FormControl } from '@angular/forms'; 

@Component({ 
    selector: 'contact', 
    templateUrl: './contact.component.html' 
    // styleUrls: ['../../app.component.css'] 
}) 
export class ContactComponent { 

    userForm = new FormGroup({ 
     name: new FormControl(), 
     email: new FormControl(), 
     adresse: new FormGroup({ 
      rue: new FormControl(), 
      ville: new FormControl(), 
      cp: new FormControl(), 
     }) 
    }); 
} 

मुझे मेरी त्रुटि समझ में नहीं आ रही है क्योंकि ReactiveForm का आयात यहां है। तो ... मुझे आपकी मदद चाहिए :) धन्यवाद

आपके उत्तर पढ़ने और मेरे कोड को दोबारा करने के बाद, यह ठीक है, यह काम करता है! समस्या यह थी कि मैं अपने पेज संपर्क के मॉड्यूल में प्रतिक्रियाशील मॉड्यूल आयात करता हूं और मुझे इसे अपने ऐप के मॉड्यूल में आयात करने की आवश्यकता है। तो आपकी रुचि के लिए बहुत बहुत धन्यवाद :)

आशा है कि यह उत्तर किसी अन्य लोगों की मदद करेगा।

Answer 1

मुझे लगता है कि यह एक पुरानी त्रुटि है जिसे आपने अपने मॉड्यूल में यादृच्छिक चीज़ों को आयात करके ठीक करने का प्रयास किया है और अब कोड अब संकलित नहीं होता है। जबकि आप खोल आउटपुट पर ध्यान नहीं देते हैं, ब्राउज़र पुनः लोड होता है, और आपको अभी भी वही त्रुटि मिलती है।

आपका मॉड्यूल होना चाहिए: के साथ-साथ अपने घटक में ReactiveFormsModule जोड़ने के लिए

@NgModule({ 
    imports: [ 
    CommonModule, 
    FormsModule, 
    ReactiveFormsModule 
    ], 
    declarations: [ 
    ContactComponent 
    ] 
}) 
export class ContactModule {} 

Answer 2

प्रयास करें।

import { FormGroup, FormArray, FormBuilder, 
      Validators,ReactiveFormsModule } from '@angular/forms';