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

ng-option指令很容易使用，只需要绑定两个属性：

一种是用于获得选定值的ng模型；

另一个是ng-options来确定下拉列表的元素数组。

1.问题的背景

正常情况下，选择下会有选项，但如果AngularJS中有指令ng-options，可以实现选择下拉框

2.实现源代码

！doctype html head metachartset=' utf-8 ' title angarjs(模式1)/title script type=' text/JavaScript ' src=' http :的下拉框./js/angular . min . js '/scriptscriptvarapp=angular . module(' selapp '，[])；App。控制器(' selcon '，函数($ scope) {$ scope。options=['一季度'，'二季度'，'三季度'，'四季度']；});/script/head body div ng-app=' selApp ' ng-controller=' selCon ' select ng-model=' selected name ' ng-options=' x for x in options ' style=' width : 180 px；'/select /div /body /html3。问题描述

选择选项/选项/选择使用指令ng-options，您可以省略选项/选项

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