'NgModel' के लिए बाध्य नहीं किया जा सकता क्योंकि यह 'इनपुट' की ज्ञात संपत्ति नहीं है

Question

मेरे कोणीय एप्लिकेशन को लॉन्च करते समय मुझे निम्न त्रुटि मिली है, भले ही घटक प्रदर्शित न हो।

मुझे टिप्पणी करनी होगी <input>ताकि मेरा ऐप काम करे।

zone.js:461 Unhandled Promise rejection: Template parse errors:
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
   <div>
      <label>Created:</label>
      <input  type="text" [ERROR ->][(ngModel)]="test" placeholder="foo" />
   </div>
</div>"): InterventionDetails@4:28 ; Zone: <root> ; Task: Promise.then ; Value: 

मैं हीरो प्लंकर को देख रहा हूं, लेकिन मुझे अपने कोड से कोई अंतर नहीं दिखता।

यहाँ घटक फ़ाइल है:

import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { Intervention } from '../../model/intervention';

@Component({
   selector: 'intervention-details',
   templateUrl: 'app/intervention/details/intervention.details.html',
   styleUrls: ['app/intervention/details/intervention.details.css']
})

export class InterventionDetails
{
   @Input() intervention: Intervention;

   public test : string = "toto";
}

Comments

हीरो प्लकर क्या है?

— आयरनएज़

मुझे कल वही समस्या आ रही है जब से उन्होंने rc5 को अपडेट किया है (दिलचस्प रूप से यह मेरे सहयोगी के लिए काम करता है ..) मुझे लगता है कि @abreneliere अपने ट्यूटोरियल के बारे में बात कर रहा है - angular.io/docs/ts/latest/tutorial

— PetLhevv

@DanielShillcock, हीर की यात्रा प्लंकर ।

— मार्क राजकॉक

हां, मैंने नायकों के ट्यूटोरियल के टूर का उल्लेख किया है क्योंकि यह एनकोमॉडल का उपयोग करता है।

— एंथनी ब्रेनेलीयर

मैं सिर्फ कोणीय को घूर रहा हूं और टूर ऑफ हीरोज ट्यूटोरियल करते समय यह त्रुटि देखी। निश्चित रूप से, वे अब इसे अगली पंक्ति में बताते हैं और आपको बताते हैं कि इसे कैसे / क्यों सही किया जाए।

— मैट पेनर

Answer 1

हाँ, यह app.module.ts में है, मैंने अभी जोड़ा:

import { FormsModule } from '@angular/forms';

[...]

@NgModule({
  imports: [
    [...]
    FormsModule
  ],
  [...]
})

Comments

दरअसल, मैं इस जवाब को गेब्रियल के लिए पसंद करता हूं (जो सिर्फ एक लिंक है)। यहां, सटीक कोड प्रस्तुत किया गया है। अनायास ही, मैंने इस समस्या को सिर्फ जॉन पैप्स के "परिचय टू एंगुलर 2" के बाद प्लुरलसाइट पर दिखाया, और इस मुद्दे का उल्लेख नहीं किया गया था। उनके लिए, 2-बाइंडिंग बाइंडिंग ने काम किया।

— माइक गल्डहिल

इसने काम किया, लेकिन इसके बाद ही मैंने इसे अपने उप-मॉड्यूल में आयात किया। यह शुरुआती के लिए पूरी तरह से स्पष्ट नहीं है कि यह उप-मॉड्यूल द्वारा विरासत में नहीं मिला है।

— adam0101

मेरे मामले में, ब्रेसिज़ का मेरा उपयोग गलत था। मैं [{ngModel}]सही एक के बजाय उपयोग कर रहा था :[(ngModel)]

— Imtiaz

जिन लोगों को जैस्मीन के साथ इसी तरह की विफलता के कारण ऐसा लगता है, आपको इन आयातों को component.spec.tsफ़ाइल में भी जोड़ना होगा ।

— theMayer

और इसे कहाँ रखा जाए (जैस्मीन त्रुटि के बारे में): stackoverflow.com/questions/39584534/…

— bagmode

Answer 2

फॉर्म इनपुट के लिए दो-तरफ़ा डेटा बाइंडिंग का उपयोग करने में सक्षम होने के लिए आपको FormsModuleअपने Angularमॉड्यूल में पैकेज आयात करना होगा । अधिक जानकारी के लिए Angular 2आधिकारिक ट्यूटोरियल यहां देखें और प्रपत्रों के लिए आधिकारिक दस्तावेज

Comments

मुझे स्वीकार करना होगा कि मैं सोमवार (4 दिन पहले) को कोणीय के साथ शुरू करता हूं और उनके ट्यूटोरियल कर रहा था इसलिए मुझे पूरा यकीन है कि मैंने कुछ गलत किया है, लेकिन मेरे लिए फॉर्ममॉडल आयात करना काम नहीं किया। फिर मैंने जोड़ा import { FORM_DIRECTIVES } from '@angular/forms';और FORM_DIRECTIVESनिर्देशों में जोड़ा और हाँ मेरे बंधन फिर से काम कर रहा है (स्पष्ट होने के लिए यह

— आरसी

जो इस stackoverflow.com/questions/31623879/…

— PetLahev

@PetLahev आपके पास ट्यूटोरियल के साथ समस्या यह है कि 7 अगस्त को, जब आपने शुरू किया था, तो ट्यूटोरियल रिलीज़ कैंडिडेट 4 चला रहे थे। 8 अगस्त तक, वे रिलीज़ कैंडिडेट 5 में हैं, जिसमें अलग-अलग वाक्यविन्यास हैं

— एजे ज़ेन

FORM_DIRECTIVESबस के मामले में मर चुके हैं

— टूलकिट

यह कुछ भी नहीं के लायक है, अगर आप एक SharedModule का उपयोग कर रहे हैं, तो आपको वहां भी FormsModule आयात करने की आवश्यकता हो सकती है।

— १०:२३ में

Answer 3

कोणीय 2 , 4 और 5+[(ngModel)] में उपयोग करने के लिए, आपको कोणीय रूप से FormsModule आयात करना होगा ...

इसके अलावा यह इस पथ में रूपों में github में कोणीय रेपो के तहत है :

कोणीय / संकुल / रूप / src / निर्देश / ng_model.ts

संभवतः यह AngularJs डेवलपर्स के लिए बहुत खुशी की बात नहीं है क्योंकि आप पहले कभी भी हर जगह एनजी-मॉडल का उपयोग कर सकते थे , लेकिन जैसा कि आप जिस समय का उपयोग करना चाहते हैं, उसका उपयोग करने के लिए एंगुलर अलग-अलग मॉड्यूल का उपयोग करने की कोशिश करता है, ngModel अभी फॉर्म-कोड में है ।

यदि आप ReactiveFormsModule का उपयोग कर रहे हैं , तो भी इसे आयात करने की आवश्यकता है।

तो बस app.module.ts के लिए लग रहा है और सुनिश्चित करें कि आप में FormsModuleआयात किया है ...

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';  //<<<< import it here
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, FormsModule //<<<< and here
  ],
  providers: [],
  bootstrap: [AppComponent]
})

export class AppModule { }

इसके अलावा यह FormsModule ngModelमें Angular4 के लिए वर्तमान शुरुआती टिप्पणियां हैं :

/**
 * `ngModel` forces an additional change detection run when its inputs change:
 * E.g.:
 * ```
 * <div>{{myModel.valid}}</div>
 * <input [(ngModel)]="myValue" #myModel="ngModel">
 * ```
 * I.e. `ngModel` can export itself on the element and then be used in the template.
 * Normally, this would result in expressions before the `input` that use the exported directive
 * to have and old value as they have been
 * dirty checked before. As this is a very common case for `ngModel`, we added this second change
 * detection run.
 *
 * Notes:
 * - this is just one extra run no matter how many `ngModel` have been changed.
 * - this is a general problem when using `exportAs` for directives!
 */

यदि आप अपने इनपुट का उपयोग करना चाहते हैं, तो किसी प्रपत्र में नहीं, आप इसका उपयोग कर सकते हैं ngModelOptionsऔर स्टैंडअलोन को सही बना सकते हैं ...

[ngModelOptions]="{standalone: true}"

अधिक जानकारी के लिए, यहाँ एनगुलर सेक्शन में ng_model देखें

Answer 4

आपको FormsModule आयात करना होगा

App.module.ts खोलें

और लाइन जोड़ें

import { FormsModule } from '@angular/forms';

तथा

@NgModule({
imports: [
   FormsModule
],
})

Answer 5

इसमें फेंकने से किसी की मदद हो सकती है।

यह मानकर कि आपने एक नया NgModule बनाया है, AuthModuleअपनी प्रामाणिक आवश्यकताओं को संभालने के लिए समर्पित है, FormsModuleउस AuthModule में भी आयात करना सुनिश्चित करें ।

यदि आप FormsModuleकेवल तभी का उपयोग कर रहे हैं AuthModuleतो आपको FormModuleडिफ़ॉल्ट रूप से आयात करने की आवश्यकता नहीं होगीAppModule

तो कुछ इस तरह से AuthModule:

import { NgModule }      from '@angular/core';
import { FormsModule } from '@angular/forms';

import { authRouting } from './auth.routing';
import { LoginComponent, SignupComponent } from './auth.component';

@NgModule({
  imports:      [ 
    authRouting,
    FormsModule
   ],
  declarations: [ 
    SignupComponent,
    LoginComponent
  ]
})
export class AuthModule { }

AppModuleयदि आप FormsModuleकहीं और उपयोग नहीं करते हैं तो आयात करने के बारे में भूल जाएं ।

Comments

मुझे उप-मॉड्यूल में इसकी आवश्यकता थी जहां मैं फॉर्म सुविधाओं का उपयोग कर रहा था। उच्च पदानुक्रम पर्याप्त नहीं था।

— ज़ेरेफेथ

Answer 6

सिंपल सोलुशन: app.module.ts में

उदाहरण 1

import {FormsModule} from "@angular/forms";  
// add in imports 

imports: [
 BrowserModule,
 FormsModule
 ],

उदाहरण 2

अगर आप [(ngModel)] का उपयोग करना चाहते हैं, तो आपको app.module.ts में FormsModule का आयात करना होगा

import { FormsModule  } from "@angular/forms";     
@NgModule({
  declarations: [
    AppComponent, videoComponent, tagDirective, 
  ],
  imports: [
    BrowserModule,  FormsModule

  ],
  providers: [ApiServices],
  bootstrap: [AppComponent]
})
export class AppModule { }

Comments

वास्तव में दो उदाहरणों में अंतर कहां है?

— फिलिप मीस्नर

मेरे मामले में, मेरे component.module.ts पर FormsModule आयात करने के लिए किया था

— ISFO

Answer 7

जहाँ आप [(ngModel)] का उपयोग करना चाहते हैं उन मॉड्यूल में FormsModule आयात करें

Answer 8

इस त्रुटि से छुटकारा पाने के लिए आपको दो चरणों का पालन करना होगा

1. अपने एप्लिकेशन मॉड्यूल में फॉर्म फॉर्मूला आयात करें
2. @NgModule डेकोरेटर में आयात के मूल्य के रूप में इसे पास करें

मूल रूप से app.module.ts नीचे की तरह दिखना चाहिए:

    import { NgModule }      from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { FormsModule }   from '@angular/forms';       
    import { AppComponent }  from './app.component';
    import {AppChildComponent} from './appchild.component';
    @NgModule({
      imports:      [ BrowserModule,FormsModule ],
      declarations: [ AppComponent, AppChildComponent ],
      bootstrap:    [ AppComponent ]
    })
    export class AppModule { }

आशा है ये मदद करेगा

Comments

धन्यवाद! मैंने इसे आयात अनुभाग में घोषित नहीं किया था और जब मैं एक उप-मॉड्यूल में एक घटक ले गया तो यह मुझे पागल कर रहा था।

— रिचर्ड

Answer 9

यदि यह घटक रूट अर्थात app.module.ts में है, तो आपको अपने मूल मॉड्यूल में FormsModule आयात करने की आवश्यकता है

कृपया app.module.ts खोलें

आयात FormsModule से @ कोणीय / रूपों

उदाहरण के लिए:

import { FormsModule } from '@angular/forms';

तथा

@NgModule({
imports: [
   FormsModule
],
})

Answer 10

मैं कोणीय 7 का उपयोग कर रहा हूं

मुझे ReactiveFormsModule का आयात करना होगा क्योंकि मैं प्रतिक्रियाशील रूप बनाने के लिए FormBuilder वर्ग का उपयोग कर रहा हूं।

import { 
FormsModule, 
ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule
  ], declarations: []})

Answer 11

आप अनुप्रयोग मॉड्यूल में FormsModule आयात करें ।

यह आपके एप्लिकेशन को अच्छी तरह से चलने देगा।

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {ContactListCopmponent} from './contacts/contact-list.component';
import { FormsModule }   from '@angular/forms';

import { AppComponent }  from './app.component';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule
  ],
  declarations: [
    AppComponent,ContactListCopmponent
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

Answer 12

आप का उपयोग करने की आवश्यकता है [(ngModel)]पहले आप आयात करने की आवश्यकता है FormsModuleमें app.module.tsऔर फिर आयात की एक सूची में जोड़ सकते हैं। कुछ इस तरह:

app.module.ts

1. आयात import {FormsModule} from "@angular/forms";
2. आयात में जोड़ें imports: [ BrowserModule, FormsModule ],

app.component.ts

1. उदाहरण: <input type="text" [(ngModel)]="name" >
2. और फिर <h1>your name is: {{name}} </h1>

Answer 13

ngModel FormsModule का हिस्सा है। और यह ngModel के साथ काम करने के लिए @ कोणीय / रूपों से आयात किया जाना चाहिए।

कृपया app.module.ts को इस प्रकार बदलें:

import { FormsModule } from '@angular/forms';

[...]

@NgModule({
  imports: [
    [...]
    FormsModule
  ],
  [...]
})

Answer 14

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

Answer 15

मैं कोणीय 5 का उपयोग कर रहा हूं।

मेरे मामले में, मुझे RactiveFormsModule को भी आयात करने की आवश्यकता थी।

app.module.ts (या anymodule.module.ts)

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule
  ],

Comments

ReactiveFormsModuleआवश्यकता है जब आप की जरूरत है FormGroup, FormControl ,Validatorsआदि का उपयोग करने के लिए ngModel, आप की आवश्यकता नहीं है ReactiveFormsModule।

— अमित चिगादानी

@AmitChigadani जोड़ना ReactiveFormModule एकमात्र ऐसी चीज है जिसने मेरे मामले में त्रुटि दूर की। मैं Angular 7.

— Eternal21

Answer 16

मुझे पता है कि यह सवाल एंगुलर 2 के बारे में है, लेकिन मैं एंगुलर 4 पर हूं और इनमें से किसी भी उत्तर ने मदद नहीं की।

कोणीय 4 में सिंटैक्स की आवश्यकता होती है

[(ngModel)]

उम्मीद है की यह मदद करेगा।

Answer 17

यदि आप फॉर्मस्मॉड्यूल को सही ढंग से आयात करने के बाद भी त्रुटि प्राप्त कर रहे हैं, तो अपने टर्मिनल या (विंडोज़ कंसोल) में जांचें क्योंकि आपका प्रोजेक्ट संकलित नहीं कर रहा है (क्योंकि एक और त्रुटि जो कुछ भी हो सकती है) और आपका समाधान आपके ब्राउज़र में परिलक्षित नहीं हुआ है!

मेरे मामले में, मेरे कंसोल में निम्नलिखित असंबंधित त्रुटि थी: संपत्ति 'पुनः प्राप्त करेंजीथ्यूबर' का प्रकार 'अपीसर' पर मौजूद नहीं है।

Answer 18

मॉड्यूल में आप ngModel का उपयोग करने के लिए तैयार हैं, आपको FormsModule आयात करना होगा

import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    FormsModule,
  ],

})
export class AbcModule { }

Comments

मुझे अपने app.module.ts में यह याद आ रहा था, धन्यवाद मालिन्दु!

— ओमजीग

Answer 19

ngModel FormsModule से आ रहा है। ऐसे कुछ मामले हैं जब आप इस तरह की त्रुटि प्राप्त कर सकते हैं:

1. आपने मॉड्यूल के आयात सरणी में जहां आपका घटक घोषित किया गया है, उस घटक को आयात नहीं किया, जिसमें घटक जिसमें ngModel का उपयोग किया जाता है।
2. आपने FormsModule को एक मॉड्यूल में आयात किया है जो दूसरे मॉड्यूल से विरासत में मिला है। इस मामले में आपके पास दो विकल्प हैं:
   • बता दें कि FormsModule दोनों मॉड्यूल से आयात सरणी में आयात किया गया है: मॉड्यूल 1 और मॉड्यूल 2। नियम के रूप में: किसी मॉड्यूल को आयात करना उसके आयातित मॉड्यूल तक पहुंच प्रदान नहीं करता है। (आयात विरासत में नहीं मिला है)

• मॉड्यूल 1 में आयात और निर्यात सरणियों में FormsModule की घोषणा करें और इसे मॉडल 2 में भी देखने के लिए तैयार रहें

3. (कुछ संस्करण में मैंने इस समस्या का सामना किया है) आपने फॉर्मस्मॉड्यूल को सही ढंग से आयात किया है लेकिन समस्या इनपुट HTML टैग पर है। आप निवेश के लिए नाम टैग विशेषता और में [(ngModel)] में नाम के समान होना चाहिए वस्तु बाध्य नाम जोड़ना होगा नाम विशेषता

   

Answer 20

में ngModuleआप आयात करने की जरूरत है FormsModule, क्योंकि ngModelसे आ रही है FormsModule। कृपया नीचे दिए गए कोड की तरह अपने app.module.ts को संशोधित करें

import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
    declarations: [
         AppComponent,
         HomeComponent
    ],
    imports: [
         BrowserModule,
         AppRoutingModule,
         FormsModule
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

Answer 21

आयात करें

import { FormsModule } from '@angular/forms'; [...] @NgModule({ imports: [ [...] FormsModule ], [...] })

Answer 22

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule     
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

Answer 23

कभी-कभी आपको यह त्रुटि तब होती है जब आप किसी मॉड्यूल से एक घटक का उपयोग करने का प्रयास करते हैं, जिसे साझा नहीं किया जाता है, एक अलग मॉड्यूल में।

उदाहरण के लिए, आपके पास मॉड्यूल 1.componentA.component.ts और मॉड्यूल2.componentC.component.ts के साथ 2 मॉड्यूल हैं और आप मॉड्यूल 2 (जैसे <module1-componentA [someInputVariableInModule1]="variableFromHTTPRequestInModule2">) के अंदर एक टेम्पलेट में mod1.componentA.component.ts से चयनकर्ता का उपयोग करने का प्रयास करते हैं , यह फेंक देगा। यह त्रुटि है कि someInputVariableInModule1 मॉड्यूल 1.componentA.component.ts के अंदर उपलब्ध नहीं है - भले ही आपके पास @Input() someInputVariableInModule1मॉड्यूल 1.componentA में है।

यदि ऐसा होता है, तो आप मॉड्यूल 1.componentA को अन्य मॉड्यूल में एक्सेस करने के लिए साझा करना चाहते हैं। इसलिए यदि आप एक साझा मॉड्यूल के अंदर मॉड्यूल 1.कॉमपेंटेंट को साझा करते हैं, तो मॉड्यूल 1.componentA अन्य मॉड्यूल (मॉड्यूल 1 से बाहर) के अंदर उपयोग करने योग्य होगा, और प्रत्येक साझा मॉड्यूल को आयात करने वाले मॉड्यूल को अपने वेरिएंट में @Input()घोषित चर को इंजेक्ट करने में सक्षम होगा ।

Comments

मेरे पास यह सटीक समस्या है, और आप कहते हैं, आपको मॉड्यूल को साझा करना चाहिए ताकि आप ComponentC में कंपोनेंट का उपयोग कर सकें। लेकिन .. मैं मॉड्यूल 1 को कैसे साझा करूं? "एक मॉड्यूल साझा करने" का सिंटैक्स कौन सा है? मैंने अनुमान लगाया कि मॉड्यूल 1 को निर्यात करना और फिर इसे मॉड्यूल 2 में आयात करना पर्याप्त साझा करना था, लेकिन फिर भी इस समस्या का

— सामना करना पड़

तो अपने आप को जवाब देने के लिए, यह है कि आप एक मॉड्यूल को कैसे साझा करें angular-2-training-book.rangle.io/handout/modules/…

— Agorilla

क्षमा करें, मैंने आपकी टिप्पणी को इतनी तेज़ी से नहीं देखा :) हाँ, यह है कि आप एक SharedModule कैसे बना सकते हैं और अपने स्वयं के मॉड्यूल आयात कर सकते हैं, जिसे आप कई अन्य मॉड्यूल में उपयोग करना चाहते हैं। फिर आप SharedModule को आयात करते हैं जहां आप उस मॉड्यूल का उपयोग करना चाहते हैं जिसे साझा किए गए में आयात किया गया है।

— गुंट्रम

Answer 24

मेरे परिदृश्य के लिए, मुझे अपने मॉड्यूल में [कॉमनमॉडल] और [फॉर्ममॉड्यूल] दोनों का आयात करना पड़ा

import { NgModule } from '@angular/core' 
import { CommonModule } from '@angular/common'; 
import { FormsModule } from '@angular/forms'; 

import { MyComponent } from './mycomponent'

@NgModule({
    imports: [
        CommonModule,
        FormsModule
    ],
    declarations: [
        MyComponent 
    ]
 }) 
export class MyModule { }

Answer 25

आपको FormsModule आयात करना होगा

App.module.ts खोलें

और लाइन जोड़ें

import { FormsModule } from '@angular/forms';

तथा

@NgModule({
imports: [
   FormsModule
],
})

Answer 26

कभी-कभी अगर हम पहले से ही आयात किए जाते हैं BrowserModule, FormsModuleऔर अन्य संबंधित मॉड्यूल हालांकि मुझे वही त्रुटि मिली, तो मुझे एहसास हुआ कि हमें उन्हें ऑर्डर में आयात करने की आवश्यकता है , मेरे मामले में मैंने इसे याद किया। तो आदेश की तरह होना चाहिए BrowserModule, FormsModule, ReactiveFormsModule।

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule     
  ],
  providers: [],
  declarations: [
    AppComponent
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

आशा है कि यह किसी की मदद करता है .. :)

Answer 27

यह उन लोगों के लिए है जो टाइप स्क्रिप्ट के बजाय सादे जावास्क्रिप्ट का उपयोग करते हैं। नीचे की तरह पृष्ठ के शीर्ष पर प्रपत्र स्क्रिप्ट फ़ाइल को संदर्भित करने के अलावा

<script src="node_modules/@angular/forms/bundles/forms.umd.js"></script>

आपको लोड करने के लिए मॉड्यूल लोडर को भी बताना चाहिए ng.forms.FormsModule। बदलाव करने के बाद मेरी importsसंपत्ति का NgModuleतरीका नीचे की तरह देखा गया

imports: [ng.platformBrowser.BrowserModule, ng.forms.FormsModule],

हैप्पी कोडिंग!

Answer 28

मैंने RC1 से RC5 में अपग्रेड किया और यह त्रुटि प्राप्त की।

मैंने अपना माइग्रेशन पूरा किया (एक नई app.module.tsफ़ाइल शुरू करते हुए , package.jsonजिसमें नए संस्करण और लापता मॉड्यूल शामिल हैं, और अंत main.tsमें Angular2 क्विक स्टार्ट उदाहरण के आधार पर अपने बूट को तदनुसार बदल रहा हूं। )।

मैंने एक किया npm updateऔर फिर एकnpm outdated स्थापित संस्करणों की पुष्टि करने के लिए सही थे, फिर भी कोई भाग्य नहीं था।

मैंने node_modulesफ़ोल्डर पूरी तरह से मिटा दिया और पुन: स्थापित किया npm install- वोइला! समस्या सुलझ गयी।

Answer 29

जब मैंने पहली बार ट्यूटोरियल किया था, main.ts थोड़ा अलग दिख रहा था जो अब है। यह बहुत समान दिखता है, लेकिन अंतरों पर ध्यान दें (शीर्ष एक सही है)।

सही बात:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

पुराना ट्यूटोरियल कोड:

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';
bootstrap(AppComponent);

Answer 30

कोणीय 2 से किसी भी संस्करण के लिए, आपको अपनी app.module.ts फ़ाइल में फॉर्ममॉडल आयात करना होगा और यह समस्या को ठीक करेगा।