Typescript-角度框架错误-“没有将exportAs设置为NGForm的指令”
我在使用Typescript的Angular2-forms框架时不断地出现这个错误：
这是我的代码
项目依赖项：
"dependencies": {
"@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",
}
<form #loginForm="ngForm" (ng-submit)="authenticate(loginForm.value)">
</form>
...和登录组件：
import { Component } from '@angular/core';
import {Http, Headers} from '@angular/http';
@Component({
moduleId: module.id,
selector: 'login-cmp',
templateUrl: 'login.component.html'
})
export class LoginComponent {
constructor($http: Http) {
this.$http = $http;
}
authenticate(data) {
...
}
}
我有这个错误：
zone.js?1474211973422:484 Unhandled Promise rejection: Template parse errors:
There is no directive with "exportAs" set to "ngForm" ("
<form [ERROR ->]#loginForm="ngForm"
(ngsubmit)="authenticate(loginForm.value)">
共有1个答案
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
BrowserModule,
FormsModule //<----------make sure you have added this.
],
....
})
-
我在RC4上，我得到了一个错误，因为我的模板没有将“exportas”设置为“ngform”的指令： boot.ts： ///下面是我的下拉列表：
-
当我尝试测试时，得到以下错误 我的组件看起来像的一部分， 似乎无法使用上述提供程序、声明等创建假组件。就像其他人所说的，我已经在装饰器中包含了。
-
我正面临着一个令人沮丧的问题 没有将“exportas”设置为“ngform”的指令（“ ]#f=”ngform“(ngSubmit)=”onsubmit(f)“class=”form-hosteral“>”）:ng:///componentsmodule/equipeComponent.html@8:12错误：模板解析错误：没有将“exportas”设置为“ngform”（“]#f=”ngfor
-
我在使用angular 4时遇到了一个问题 没有将“exportas”设置为“ngModel”的指令（“name=”fullname“type=”text“required maxlength=”30“[(ngModel)=”model.fullname“[ERROR->]#fullname=”ngModel“> app.module.ts
-
以下是AngularJS项目中的文件。正如一些帖子所建议的，我补充道： 在输入字段中，但仍然得到一个错误。 包裹json change-password.component.html 更改密码。组成部分ts 应用程序。单元ts有进口产品 我得到以下错误： 未处理的Promise拒绝：模板解析错误：没有将exportAs设置为ngModel的指令（当前密码）#当前密码=ngModel id=当前密码
-
下面是AngularJS项目中的文件。正如在一些帖子中所建议的，我已经补充了： 输入字段中，但仍然得到一个错误。 我得到以下错误： 未处理的promise拒绝：模板分析错误：没有将“exportas”设置为“ngmodel”的指令（“urrent Password]#currentpassword=”ngmodel“id=”currentpassword“name=”currentpassword