选择框是web界面中应用非常多的元素，但是在angularjs中应用选择框和传统的html页面中不一样。下面小编给大家分享如何在angualrjs中应用select选择框。
工具/原料
Sublime Text
方法/步骤
1
新建web页面，然后在head标签中用script标签导入angularjs的JS库，如下图所示
2
定义div容器，注意div中药添加ng-app，这证明这个div受angularjs控制，然后定义控制器
3
接下来在script中通过angular.module来初始化angular的模块，如下图所示
4
接下来定义控制器，在控制器中给数据上下文传入一个names的数组变量，如下图所示
5
然后在div中运用select标签来声明选择框，如下图所示，注意需要运用n—options来遍历下拉框中的选择项
6
最后我们运行程序，在页面中就会看到如下图所示的下拉框，是不是很简单
7
综上所述，在angularjs中运用下拉框主要是运用ng-options来进行选项遍历，和传统的select相比就是多了个ng前缀。
上一篇：装扮少女挑战学生会竞选攻略
下一篇：王者荣耀米莱狄出装分析