nz-select组件绑定的值为null的时候nz-option没办法正确选中吗?

发布于 2022-09-11 21:23:07 字数 655 浏览 33 评论 0

代码如下:
正常的话应该是选中了默认值这一项吧。
currValue改成选项一等其他有值的就能正常选中。

//html
<nz-select style="width: 120px;" [(ngModel)]="currValue">
    <nz-option [nzValue]="null" nzLabel="默认值"></nz-option>
    <nz-option nzValue="选项一" nzLabel="选项一"></nz-option>
    <nz-option nzValue="选项二" nzLabel="选项二"></nz-option>
</nz-select>
//ts
import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
    currValue=null
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

べ繥欢鉨o。 2022-09-18 21:23:07

一般不会使用null作为默认值,可以用placeholder。

请别遗忘我 2022-09-18 21:23:07

在组件类(ts)中设置 currValue = null,给一个初始化值

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文