angular – 没有将“exportAs”设置为“ngForm”的指令

前端之家收集整理的这篇文章主要介绍了angular – 没有将“exportAs”设置为“ngForm”的指令前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
拥有此项目依赖项:
  1. "dependencies": {
  2. "@angular/common": "2.0.0-rc.6","@angular/compiler": "2.0.0-rc.6","@angular/core": "2.0.0-rc.6","@angular/forms": "2.0.0-rc.6","@angular/http": "2.0.0-rc.6","@angular/platform-browser": "2.0.0-rc.6","@angular/platform-browser-dynamic": "2.0.0-rc.6","@angular/router": "3.0.0-rc.2","ng2-bootstrap": "^1.1.1","reflect-Metadata": "^0.1.8","core-js": "^2.4.0","es6-module-loader": "^0.17.8","rxjs": "5.0.0-beta.11","systemjs": "0.19.27","zone.js": "0.6.17","jquery": "3.0.0",}

这个登录模板:

  1. <form #loginForm="ngForm" (ng-submit)="authenticate(loginForm.value)">
  2. </form>

而这个登录组件:

  1. import { Component } from '@angular/core';
  2. import {Http,Headers} from '@angular/http';
  3. @Component({
  4. moduleId: module.id,selector: 'login-cmp',templateUrl: 'login.component.html'
  5. })
  6. export class LoginComponent {
  7. constructor($http: Http) {
  8. this.$http = $http;
  9. }
  10. authenticate(data) {
  11. ...
  12. }
  13. }

我有这个错误

  1. zone.js?1474211973422:484 Unhandled Promise rejection: Template parse errors:
  2. There is no directive with "exportAs" set to "ngForm" ("
  3. <form [ERROR ->]#loginForm="ngForm"
  4. (ngsubmit)="authenticate(loginForm.value)">
  1. import { FormsModule } from '@angular/forms';
  2.  
  3. @NgModule({
  4. imports: [
  5. BrowserModule,FormsModule //<----------make sure you have added this.
  6. ],....
  7. })

猜你在找的Angularjs相关文章