nz-select组件绑定的值为null的时候nz-option没办法正确选中吗?
代码如下:
正常的话应该是选中了默认值这一项吧。
把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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
一般不会使用null作为默认值,可以用placeholder。
在组件类(ts)中设置 currValue = null,给一个初始化值