博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angularjs 中select回显后重复选项的解决
阅读量:6865 次
发布时间:2019-06-26

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

Angularjs 中select回显后重复选项的解决

(1)Angularjs 中select回显代码,records和categoryValueList都是后台返回的

(2)回显问题:因为后台返回了一个结果,原来的select下拉列表中也有“点”这个option,导致显示了两个。

Angularjs 中select回显后重复选项的解决

(3)正常情况下,要求只显示一个,让records中的某个后台返回结果命中categoryValueList(select列表)中的某个option。正确结果如下所示:

Angularjs 中select回显后重复选项的解决

(4)修改后的select回显代码,如下所示。

解决后的显示结果:

Angularjs 中select回显后重复选项的解决

(5)说明:代码中主要使用了以下代码:

    

ng-selected="x.categoryNo==a" : select选中categoryNo等于a的option,对应的就是遍历categoryValueList,选中categoryNo等于records中的categoryNo的编号,然后将records命中的option隐藏。这里使用了前端的方式,解决了list中查找指定内容并选中的问题。

(6)题外:ng-if的使用,过滤满足指定条件的内容

{
{ x.Name }}
{
{ x.Country }}

转载于:https://blog.51cto.com/59465168/2338968

你可能感兴趣的文章
《抓住听众心理——演讲者要知道的100件事》一20.人们学习的最优长度是20分钟...
查看>>
《JUnit实战(第2版)》—第2章2.1节探索JUnit核心
查看>>
Docker背后的内核知识:命名空间资源隔离
查看>>
《圣殿祭司的ASP.NET4.0专家技术手册》---- 1-13 ClientBuilderManager类别的编译功能...
查看>>
《Java编码指南:编写安全可靠程序的75条建议(英文版)》—— 2.7 修复错误...
查看>>
《Redis入门指南(第2版)》一3.2 字符串类型
查看>>
《Adobe Flash Professional CC经典教程》——1.3 使用“库”面板
查看>>
《Android应用开发入门经典(第3版)》——导读
查看>>
xmemcached发布1.3.6
查看>>
《Nmap渗透测试指南》—第6章6.4节IP欺骗
查看>>
Samba 系列(九):将 CentOS 7 桌面系统加入到 Samba4 AD 域环境中
查看>>
《C Primer Plus(第6版)中文版》一第1章 初识C语言1.1 C语言的起源
查看>>
《C语言及程序设计》实践参考——当年第几天
查看>>
前端使用fis3开启本地服务器,并实现热加载功能
查看>>
看BAT技术面试官如何挑选Java程序员
查看>>
AI强势来袭,锁上手机就真的安全了吗?
查看>>
Spring 中的 context
查看>>
重构代码(应如写诗)
查看>>
Vue混入mixins
查看>>
前阿里 P9 级员工称离婚是模拟测试,已回滚复婚!
查看>>