前几太难用到了 nz-select选择器就在这简单的说一下把,最基本的代码
html:
<div> <nz-select style="width: 120px;" [(ngModel)]="selectedValue" nzAllowClear nzPlaceHolder="Choose"> <nz-option nzValue="jack" nzLabel="Jack"></nz-option> <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option> <nz-option nzValue="disabled" nzLabel="Disabled" nzDisabled></nz-option> </nz-select> <nz-select style="width: 120px;" [ngModel]="'lucy'" nzDisabled> <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option> </nz-select> <nz-select style="width: 120px;" [ngModel]="'lucy'" nzLoading> <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option> </nz-select> </div>ts:
import { Component } from '@angular/core'; @Component({ selector: 'nz-demo-select-basic' styles: [ nz-select { margin-right: 8px; } ] }) export class NzDemoSelectBasicComponent { selectedValue = 'lucy'; }