欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

Angular 前端下拉选择框

最编程 2024-07-18 08:23:23
...

html:

<nz-form-item>
            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="gradeNo">年级</nz-form-label>
            <nz-form-control [nzSm]="14" [nzXs]="24">
              <nz-select (click)="searchGradeList()" [(ngModel)]="grade" formControlName="gradeNo" id="gradeNo" [nzSize]="size"
                nzPlaceHolder="请选择年级" nzShowSearch>
                <nz-option *ngFor="let option of gradeListOfOption" [nzLabel]="option.name" [nzValue]="option.code"></nz-option>
              </nz-select>
            </nz-form-control>
</nz-form-item>

ts:

searchGradeList() {
    this.gradeListOfOption = [{ name: '大一', code: '1' },
    { name: '大二', code: '2' },