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

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

发布时间:2016-08-23 作者:翱翔天地 来源:转载
这篇文章主要介绍了AngularJS使用ng-options指令实现下拉框效果,ng-option指令使用也很简单,下文具体给大家说明,对angularjs下拉框知识感兴趣的朋友一起看下吧

ng-option指令使用很简单,只需要绑定两个属性:

一个是ng-model用于获取选定的值;

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

1、问题背景

一般情况下,select下都会有option,但是AngularJS中有指令ng-options,就可以实现select下拉框

2、实现源码

 
 
 
 
AngularJS之下拉框(方式一) 
 
 
 
 
<select ng-model="selectedName" ng-options="x for x in options" style="width: 180px;">

3、问题说明

<select>

利用指令ng-options,可以省略

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

相关推荐