NG-ZORRO表单里的input标签怎么加双向数据绑定

在NG-ZORRO表单里的input标签中，可以通过[(ngModel)]指令来实现双向数据绑定。具体实现步骤如下：

1.在ngModule中导入FormsModule模块：

import { FormsModule } from '@angular/forms';
@NgModule({
  imports: [
    FormsModule
  ]
})

2.在input标签上添加[(ngModel)]属性，并将数据模型绑定到组件中的属性上：

<input [(ngModel)]="username">

3.在组件类中声明属性，并赋予初始值：

export class MyComponent implements OnInit {
  username: string = 'user123';
  // ...
}

这样，当用户在input标签中输入内容时，组件中的属性值也会随之改变；当组件中的属性值发生改变时，input标签中显示的内容也会相应地更新。

相关问题

NG-ZORRO表单里的input标签怎么加双向数据绑定报错了

可能是你没有正确导入FormsModule或ReactiveFormsModule模块。确保你在应用的模块文件（比如app.module.ts）中导入了FormsModule或ReactiveFormsModule，例如：

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的双向数据绑定：

<input type="text" [(ngModel)]="name">

使用ReactiveFormsModule的双向数据绑定：

<input type="text" [formControl]="nameControl">

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>标签中，例如：

<form>
  <input type="text" [(ngModel)]="name">
</form>

NG-ZORRO的nz-list-item标签怎么设置点击被选中效果

nz-list-item标签是NG-ZORRO的一个组件，用于展示列表项。如果想要设置点击被选中的效果，可以使用nzSelected属性，将其值设置为该列表项的唯一标识符。例如：

<nz-list>
  <nz-list-item nzTitle="Item 1" [nzSelected]="selectedItem === 'item1'" (click)="selectItem('item1')"></nz-list-item>
  <nz-list-item nzTitle="Item 2" [nzSelected]="selectedItem === 'item2'" (click)="selectItem('item2')"></nz-list-item>
  <nz-list-item nzTitle="Item 3" [nzSelected]="selectedItem === 'item3'" (click)="selectItem('item3')"></nz-list-item>
</nz-list>

在组件的ts文件中，需要定义一个selectedItem变量表示当前选中的列表项，以及一个selectItem方法用于更新该变量：

selectedItem: string;

selectItem(item: string) {
  this.selectedItem = item;
}

这样就可以实现点击被选中的效果了。