angularJs——ng-options

项目上一直在用angularJs,所以平时总能遇到的一些问题,但是现在用angularJs的又比较少,多数都是用vue、react至于用angular的基本上都在用angularIo,所以有时想问一下人都不好交流。还有一点,知识点,学会了,就是自己的,工作上,你可以问人,但是,人家给不给你回答或者是帮忙,就看对方愿不愿意了,就像我之前遇到一个问题,百思不得其解,并且根据angularjs报错的信息,你是根本不可能直接定位到具体的问题,它给你的永远是一个大致的问题所在,所以无奈这下,去问了下同事,结果……所以遇事,自己先想解决办法,然后就一定要想办法处理它并记录下来,不然下次遇到还是不会解决问题。
今天是前几天一同事问我的问题,关于ng-options的,所以根据自己的理解,记录下,便于深入记忆理解。
eg:
$scope.infodetail.publishList = [{id:'123-1221as-12', name: '1号大屏'},{id:'189-1524ad-35',name:'2号大屏'}];
<select ng-model="infodetail.targetId" ng-options="item.id as item.name for item in infodetail.publishList"></select>
这样就能绑定
在这里插入图片描述
其中在slect ng-options中 item.id as item.name当中,item.id会作为option中的value,item.name会作为option中的lable显示在页面上;

eg:
<select ng-options="item.id for item in infodetail.publishList ">
会以item.id作为label显示在页面上,而value的值则是item,也就是一个其中的一个json对象存储起来。

如果有疑问,再访问 https://blog.csdn.net/weixin_35549724/article/details/82424443 此篇文章,可能讲的更清楚。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值