欢迎来到福编程网,本站提供各种互联网专业知识!

AngularJS使用ng-repeat指令实现下拉框

发布时间:2016-08-23 作者:翱翔天地 来源:转载
这篇文章主要介绍了AngularJS使用ng-repeat指令实现下拉框的相关资料,非常不错,感兴趣的朋友一起看下吧,需要的朋友可以参考下

AngularJs 的 ng-repeat 让我们非常方便的遍历数组生成 Dom 元素,但是使用不当也会有性能问题。下面给大家分享在项目中使用ng-repeat指令实现下拉框。

1、问题背景

select下拉框里option组装成下拉框,这里利用ng-repeat指令来创建

2、实现源码

 
 
 
 
AngularJS之下拉框(方式二) 
 
 
 
 
<select style="width: 200px;">

3、问题说明

ng-repeat指令可以重复数据

以上所述是小编给大家介绍的AngularJS使用ng-repeat指令实现下拉框,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对全福编程网网站的支持!

相关推荐