如何利用AngularJS框架遍历生成动态的下拉框
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何利用AngularJS框架遍历生成动态的下拉框相关的知识,希望对你有一定的参考价值。
利用AngularJS框架遍历生成动态的下拉框:1,在web项目里创建静态页面,并引入AngularJS和Bootstrap框架相关的js和css文件
2,在主体内插入div标签元素,并设置ng-app和ng-controller指令
3,在div标签内插入select下拉框,设置id为sel
4,在select中插入option,利用ng-repeat指令遍历循环下拉框数据源
5,编写下拉框数据源,利用datas数组形式
6,预览该静态页面,查看一下下拉框效果! 参考技术A <select ng-options="a.id as a.name for a in arr" ng-model="selected"></select>
以上是关于如何利用AngularJS框架遍历生成动态的下拉框的主要内容,如果未能解决你的问题,请参考以下文章