博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
nz-select选项无法默认显示
阅读量:4297 次
发布时间:2019-05-27

本文共 921 字,大约阅读时间需要 3 分钟。

在项目中使用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;        }      })

 

 

转载地址:http://dpcws.baihongyu.com/

你可能感兴趣的文章
<h:panelgroup>相当于span元素
查看>>
java中append()的方法
查看>>
必学高级SQL语句
查看>>
经典SQL语句大全
查看>>
Eclipse快捷键 10个最有用的快捷键
查看>>
log日志记录是什么
查看>>
<rich:modelPanel>标签的使用
查看>>
<h:commandLink>和<h:inputLink>的区别
查看>>
<a4j:keeyAlive>的英文介绍
查看>>
关于list对象的转化问题
查看>>
VOPO对象介绍
查看>>
suse创建的虚拟机,修改ip地址
查看>>
linux的挂载的问题,重启后就挂载就没有了
查看>>
docker原始镜像启动容器并创建Apache服务器实现反向代理
查看>>
docker容器秒死的解决办法
查看>>
管理网&业务网的一些笔记
查看>>
openstack报错解决一
查看>>
openstack报错解决二
查看>>
linux source命令
查看>>
openstack报错解决三
查看>>