Open vishbal opened 6 years ago
Update: I imported FormsModule in Appmodule and removed the [(ngModel)] binding in appcomponent. Now the previous error has gone away and was able to see the form.
But after clicking on Next button I see Console error :
ERROR TypeError: _co.onStep2Next is not a function at Object.eval [as handleEvent] (AppComponent.html:14) at handleEvent (core.js:13547) at callWithDebugContext (core.js:15056) at Object.debugHandleEvent [as handleEvent] (core.js:14643) at dispatchEvent (core.js:9962) at eval (core.js:12301) at SafeSubscriber.schedulerFn [as _next] (core.js:4343) at SafeSubscriber.__tryOrUnsub (Subscriber.js:240) at SafeSubscriber.next (Subscriber.js:187) at Subscriber._next (Subscriber.js:128)
Even I am also facing same issue.
I have installed using npm and referred on Appmodule as advised. Later I just copied the HTML to AppComponent and it is giving below console error:
There is no directive with "exportAs" set to "ngForm" ("ep1'" [isValid]="emailForm.form.valid" (onNext)="onStep1Next($event)">
Step1
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("tEmail1" name="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email" [ERROR ->][(ngModel)]="data.email" required> We'll n"): ng:///AppModule/AppComponent.html@8:10 at syntaxError (compiler.js:485) at TemplateParser.parse (compiler.js:24668) at JitCompiler._parseTemplate (compiler.js:34621) at JitCompiler._compileTemplate (compiler.js:34596) at eval (compiler.js:34497) at Set.forEach ()
at JitCompiler._compileComponents (compiler.js:34497)
at eval (compiler.js:34367)
at Object.then (compiler.js:474)
at JitCompiler._compileModuleAndComponents (compiler.js:34366)