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.