2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > angularJs——ng-options

angularJs——ng-options

时间:2019-06-09 10:36:57

相关推荐

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对象存储起来。

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。