nzselect 设置默认值

在使用 nz-select 组件时，可以通过设置默认值 selectedValue 或者 ngModel 来设置默认选中的值。

使用 selectedValue

<nz-select [selectedValue]="defaultValue">
  <nz-option *ngFor="let option of options" [nzValue]="option.value" [nzLabel]="option.label"></nz-option>
</nz-select>

使用 ngModel

<nz-select [(ngModel)]="defaultValue">
  <nz-option *ngFor="let option of options" [nzValue]="option.value" [nzLabel]="option.label"></nz-option>
</nz-select>

在组件中，需要定义 defaultValue 属性，并设置默认的选中值。

export class MyComponent {
  defaultValue = 'value1';
  options = [
    { value: 'value1', label: 'Option 1' },
    { value: 'value2', label: 'Option 2' },
    { value: 'value3', label: 'Option 3' }
  ];
}

当然，也可以通过编程的方式来设置默认选中的值。

import { Component, ViewChild } from '@angular/core';
import { NzSelectComponent } from 'ng-zorro-antd/select';

export class MyComponent {
  @ViewChild('selectComponent') selectComponent: NzSelectComponent;

  ngAfterViewInit(): void {
    this.selectComponent.writeValue('value1');
  }
}