修改nz-select中的nz-option设置title属性展示内容。
优化：鼠标悬垂的value上展示已经隐藏的value；
【修改nz-select中的nz-option设置title属性展示内容。】html代码：
解决方法：必须在所有的dom元素渲染完毕之后再执行代码，否则拿到的DOM元素的数组是[]，见参考2
ts代码：
ngAfterViewInit() {
//获取到nz-option组件中的li标签的DOM元素
var deviceName = document.getElementsByClassName('ant-select-dropdown-menu-item ng-star-inserted');
setTimeout(function () {
for (var i = 0;
i < deviceName.length;
i++) {
//拿到每个li元素之后添加title属性，将值展示
deviceName[i].setAttribute('title',deviceName[i].textContent)
}
},3000)
}
参考1：https://ask.csdn.net/questions/700508
参考2：https://www.jianshu.com/p/38cc6757c2d5
推荐阅读
- 热闹中的孤独
- JS中的各种宽高度定义及其应用
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售
- Android中的AES加密-下
- 放下心中的偶像包袱吧
- C语言字符函数中的isalnum()和iscntrl()你都知道吗
- C语言浮点函数中的modf和fmod详解
- C语言中的时间函数clock()和time()你都了解吗
- 如何在Mac中的文件选择框中打开系统隐藏文件夹