Not working locally

[vishbal]

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

<form [ERROR ->]#emailForm="ngForm">

Email add"): ng:///AppModule/AppComponent.html@4:10 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)

[vishbal]

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)

[piyush303]

Even I am also facing same issue.