nz-select选项无法默认显示

在项目中使用nz-select选择框，前段代码如下。选中了几个选项，保存所选值

<nz-select nzMode="multiple" style="width: 100%" nzPlaceHolder="请选择文章标签" [(ngModel)]="tagIdList"><nz-option *ngFor="let option of selectTags" [nzLabel]="option.name" [nzValue]="option.id"></nz-option></nz-select>

selectTags=[{id:1,name:"aa"},{id:2,name:"bb"},{id:3,name:"cc"},{id:4,name:"dd"}]
tagIdList=[1,2,3]

最初获取已选中的值代码如下，但是结果是选择框中什么都不显示，当手动选中一个选项后tagIdList的选中项都显示出来了

    let self = this;this.tagService.tagDetail().subscribe(res => {let tagsTemp = res.responseBody.tags;if( tagsTemp &&  tagsTemp.length > 0){let selectTagList = [];tagsTemp.forEach(function (tag) {self.tagIdList.push(tag.id);})}})

后来修改成下面代码，正常显示出结果。注意self.tagIdList的赋值方式，上面是依次push值，下面是一次性赋值。

    let self = this;this.tagService.tagDetail().subscribe(res => {let tagsTemp = res.responseBody.tags;if( tagsTemp &&  tagsTemp.length > 0){let selectTagList = [];tagsTemp.forEach(function (tag) {selectTagList.push(tag.id);})self.tagIdList = selectTagList;}})

nz-select选项无法默认显示相关推荐

Android P Settings默认显示开发者选项
Android P Settings默认显示开发者选项 2021-3-8 zhuhongxi Settings/src/com/android/settings/SettingsActivity .. ...
Android12默认显示开发者选项
user或者userdebug版本系统默认开发者选项一般都是隐藏的,如果想要默认显示.需要修改哪里呢? 从点击7下系统版本号显示开发者选项查找. Settings\src\com\android\se ...
Android系统移植与调试之如何修改Android系统默认显示【开发者选项】并默认打开【USB调试】和【未知来源】开关
转自:[http://blog.csdn.net/ouyang_peng] http://blog.csdn.net/qq446282412/article/details/49815865 今天有个 ...
php 下拉框默认选中,select标签设置默认选中的选项方法，select标签
select标签设置默认选中的选项方法,select标签方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. < select id = &qu ...
win11右键菜单恢复默认显示更多选项
问题现象:win11右键菜单默认显示更多选项,非常不方便问题分析:win10之前右键是全部显示选项,win11把它们折叠出来问题解决:通过更改注册表,还原右击选项,步骤如下所示: 1.运行命令re ...
html5下拉列表默认值,element-ui中的select下拉列表设置默认值方法_简单_前端开发者...
element-ui中的select下拉列表如何设置默认值? 在element-ui的运用中,涉及到了select下拉列表.项目中需要将select的默认值给展示出来那如何修改呢? 上element ...
html下拉框变长,改变HTML下拉框SELECT选项的多种方法
原标题:改变HTML下拉框SELECT选项的多种方法提交表单后返回的HTML页面重新渲染,SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态. 复制代码 ...
html5 手机端 select,适配性强的移动端select选项框
需求来源原生的select有很多样式不能随意改动,比如不能设置居中不生效,select框长度不能根据内容自适应等.而且在ios端和安卓端显示的样式不统一.所以为了解决以上问题,基于swiper对se ...
js进阶 9-11 select选项框如何动态添加和删除元素
js进阶 9-11 select选项框如何动态添加和删除元素一.总结一句话总结: 二.js进阶 9-11 select选项框如何动态添加和删除元素 1.案例说明 2.相关知识 Select 下拉列 ...

nz-select选项无法默认显示

nz-select选项无法默认显示相关推荐

最新文章

热门文章