以下是 AngularJS 项目中的文件。正如一些帖子中所建议的,我添加了:
ngModel name="currentPassword" #currentPassword="ngModel
在输入字段中,但仍然出现错误。
包.json
.........
"dependencies": {
"@angular/common": "^2.3.1",
"@angular/compiler": "^2.3.1",
"@angular/core": "^2.3.1",
"@angular/forms": "^2.3.1",
"@angular/http": "^2.3.1",
"@angular/platform-browser": "^2.3.1",
"@angular/platform-browser-dynamic": "^2.3.1",
"@angular/router": "^3.3.1",
"core-js": "^2.4.1",
"rxjs": "^5.0.1",
"ts-helpers": "^1.1.1",
"zone.js": "^0.7.2"
},
...............
更改密码.component.html
<form #f="ngForm" [formGroup]="changePasswordForm">
<div class="form-group">
<label for="currentPassword">Current Password</label> <input
placeholder="currentPassword" ngModel name="currentPassword"
#currentPassword="ngModel" id="currentPassword"
name="currentPassword" type="text" class="form-control" required
minlength="6" formControlName="currentPassword">
</div>
</div>
<button class="btn btn-primary" type="submit">Change Password</button>
</form>
更改密码.component.ts
import { Component, OnInit } from '@angular/core';
import { FormBuilder, Validators, ControlContainer, FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-change-password',
templateUrl: './change-password.component.html',
styleUrls: ['./change-password.component.css']
})
export class ChangePasswordComponent implements OnInit {
changePasswordForm;
constructor(formBuilder: FormBuilder) {
this.changePasswordForm = formBuilder.group({
currentPassword: new FormControl('', Validators.compose([Validators.required]))
});
}
ngOnInit() {
}
}
app.module.ts 有导入
............
imports: [
BrowserModule,
HttpModule,
FormsModule,
ReactiveFormsModule
]
...........
我收到以下错误:
未处理的承诺拒绝:模板解析错误:没有将“exportAs”设置为“ngModel”的指令(“urrent Password”#currentPassword="ngModel" id="currentPassword" name="currentPassword" type="text" class=" form-co"):ChangePasswordComponent@5:4;区域:;任务:Promise.then;值:SyntaxError {__zone_symbol__error:错误:模板解析错误:没有将“exportAs”设置为“ngModel”的指令(“urrent Passwo ……} 错误:模板解析错误:没有将“exportAs”设置为“ngModel”的指令(“urrent Password”#currentPassword="ngModel" id="currentPassword" name="currentPassword" type="text"class="form-co"): ChangePasswordComponent@5:4 at SyntaxError.ZoneAwareError ( http://localhost:4200/polyfills.bundle.js:6884:33) 在 SyntaxError.BaseError [作为构造函数] ( http://localhost:4200/vendor.bundle.js:64475:16 ) 在新 SyntaxError ( http://localhost:4200/vendor.bundle.js:5727:16 )