NG-ZORRO表单里的input标签怎么加双向数据绑定报错了
时间: 2023-05-25 20:03:13 浏览: 97
可能是你没有正确导入FormsModule或ReactiveFormsModule模块。确保你在应用的模块文件(比如app.module.ts)中导入了FormsModule或ReactiveFormsModule,例如:
```typescript
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule,
ReactiveFormsModule,
//其他模块
],
//其他配置
})
export class AppModule { }
```
如果还是有问题,可能是因为你没有正确引入NgModel指令或FormControl变量。你需要在input标签中使用[(ngModel)]属性,并确保你的组件中有一个与之对应的属性。如果使用的是ReactiveFormsModule,则需要创建一个FormControl变量。例如:
使用FormsModule的双向数据绑定:
```html
<input type="text" [(ngModel)]="name">
```
使用ReactiveFormsModule的双向数据绑定:
```html
<input type="text" [formControl]="nameControl">
```
```typescript
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
@Component({
selector: 'my-component',
templateUrl: './my.component.html',
styleUrls: ['./my.component.css']
})
export class MyComponent {
nameControl = new FormControl('');
}
```
确保你的表单标签包含在<form>标签中,例如:
```html
<form>
<input type="text" [(ngModel)]="name">
</form>
```
阅读全文