nz-select选择器

    xiaoxiao2024-12-03  72

          前几太难用到了 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'; }

     

    最新回复(0)