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

AngularJs的ng-repeat让我们可以非常方便地遍历数组来生成Dom元素，但是使用不当也会导致性能问题。让我们与您分享如何在项目中使用ng-repeat指令实现下拉框。

1.问题的背景

选择下拉框中的选项组合成下拉框，由这里的ng-repeat指令创建

2.实现源代码

！doctype html head metharset=' utf-8 ' title angarjs(模式2)/title script type=' text/JavaScript ' src=' http :的下拉框./js/angular . min . js '/scriptscriptvarapp=angular . module(' second app '，[])；App。控制器(' second con '，函数($ scope) {$ scope。树木=['松树'，'樟树'，'枫树'，'枣树'，'桃树']；});/script/head body div ng-app=' second app ' ng-controller=' second con ' select style=' width : 200 px；'option ng-repeat=' tree in trees ' { tree } }/option/select/div/body/html 3，问题描述

ng-repeat指令可以重复数据

上面提到的是边肖介绍给大家的AngularJS使用ng-repeat指令实现下拉框，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！