roh*_*807 3 typescript angular
我使用下面的代码在angularjs 2.0中提交表单,但是得到错误,没有导出的指令设置为ngForm和ngModel,但我正在使用.以下是我的表格:
<form name="form" (ngSubmit)="f.form.valid && register()" #f="ngForm" novalidate>
<div class="form-group" [ngClass]="{ 'has-error': f.submitted && !username.valid }">
<label for="firstName">First Name</label>
<input type="text" class="form-control" name="firstName" [(ngModel)]="model.firstName" #firstName="ngModel"
required/>
<div *ngIf="f.submitted && !firstName.valid" class="help-block">First Name is required</div>
</div>
<div class="form-group" [ngClass]="{ 'has-error': f.submitted && !username.valid }">
<label for="lastName">Last Name</label>
<input type="text" class="form-control" name="lastName" [(ngModel)]="model.lastName" #lastName="ngModel" required/>
<div *ngIf="f.submitted && !lastName.valid" class="help-block">Last Name is required</div>
</div>
<div class="form-group" [ngClass]="{ 'has-error': f.submitted && !username.valid }">
<label for="username">Username</label>
<input type="text" class="form-control" name="username" [(ngModel)]="model.username" #username="ngModel" required/>
<div *ngIf="f.submitted && !username.valid" class="help-block">Username is required</div>
</div>
<div class="form-group" [ngClass]="{ 'has-error': f.submitted && !password.valid }">
<label for="password">Password</label>
<input type="password" class="form-control" name="password" [(ngModel)]="model.password" #password="ngModel"
required/>
<div *ngIf="f.submitted && !password.valid" class="help-block">Password is required</div>
</div>
<div class="form-group">
<button [disabled]="loading" class="btn btn-primary">Register</button>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
我还使用以下代码在app.module.ts中导入FormsModule:
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [BrowserModule,
FormsModule
],
Run Code Online (Sandbox Code Playgroud)
我得到了解决方案,实际上我在main module.ts文件中使用了import formModule.
在我的情况下我们必须在特定模块中使用它在文件夹学生中,因为学生我将我的模块名称保存在这里有student.module.ts文件,这里我们需要导入formModule.
| 归档时间: |
|
| 查看次数: |
4827 次 |
| 最近记录: |