Угловая попытка сброса формы

Ruchita J спросил: 26 декабря 2017 в 07:44 в: javascript

Я пытаюсь создать приложение, используя функцию Angular 4.Trying, чтобы реализовать функцию сброса в моей форме html.

В моем файле app.component.html я дал тег формы например.

<form #myForm="ngForm" (ngSubmit)="onSubmit()"><tr>
<th>LEVEL Name 1<br>level 1<br> <button (click)="myForm.reset();">clear</button> &nbsp; <a href="">Delete</a></th>
<th>IN Network</th></tr>

В моем файле app.component.ts мой код для функции onSubmit:

import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
 export class AppComponent {
 title = 'app'; onSubmit() {
    console.log("Form Cleared!");
  }
} 

Теперь он не отражает ошибок в коде, но пока я запускаю свой проект на cmd, выполняя ng serve, в моем браузере localhost://4200 ничего не отображается. Когда я нажимаю F12 . Это дает мне ошибку ниже:

Uncaught Error: Template parse errors:
There is no directive with "exportAs" set to "ngForm" ("<!--The content       below is only a placeholder and can be replaced.--><form [ERROR ->]#myForm="ngForm" (ngSubmit)="onSubmit()"><h1>Provider Network Setup</h1>
"): ng:///AppModule/AppComponent.html@2:6
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part      of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
      [ERROR ->]<router-outlet></router-outlet>
</form>"): ng:///AppModule/AppComponent.html@91:0
    at syntaxError (webpack-      internal:///../../../compiler/esm5/compiler.js:706)
at TemplateParser.parse (webpack-internal:///../../../compiler/esm5/compiler.js:24882)
at JitCompiler._parseTemplate (webpack-internal:///../../../compiler/esm5/compiler.js:34835)
at JitCompiler._compileTemplate (webpack-internal:///../../../compiler/esm5/compiler.js:34810)
at eval (webpack-internal:///../../../compiler/esm5/compiler.js:34711)
at Set.forEach (<anonymous>)
at JitCompiler._compileComponents (webpack-internal:///../../../compiler/esm5/compiler.js:34711)
at eval (webpack-internal:///../../../compiler/esm5/compiler.js:34581)
at Object.then (webpack-internal:///../../../compiler/esm5/compiler.js:695)
at JitCompiler._compileModuleAndComponents (webpack-internal:///../../../compiler/esm5/compiler.js:34580)

Может ли кто-нибудь посмотреть здесь. ТИА

0 ответов