如何利用ionic框架制作下拉框并利用AngularJS值

第一步，庆梁埋打开HBuilder开发工具，并在创建好的web项目目录下誉蚂创建静态页面select.html

第二步，引入ionic框架有关的CSS文件和JavaScript文件

第三步，渣差在body标签元素内插入div，并设置样式item、item-input、item-select

第四步，在第一个div标签元素设置ng-app、ng-controller指令

第五步，利用AngularJS编辑代码，并给下拉框赋值，months有id和name

第六步，下拉框插入option

<select>

<option ng-repeat="mo in months" value="{{mo.id}}">{{mo.month}}</option>

</select>

第一步，在web项目里创建静态页面，并引入AngularJS和正含Bootstrap框架相关的js和css文件，如下图所示：

第二步，在主体内插入div标签元素，并设置ng-app和ng-controller指令，如下图所示：

第三步，在div标签内插入select下拉框，设置id为sel，如下图所示：

第四巧液步，孝清物在select中插入option，利用ng-repeat指令遍历循环下拉框数据源，如下图所示：

第五步，编写下拉框数据源，利用datas数组形式，如下图所示：

6

第六步，预览该静态页面，查看一下下拉框效果，如下图所示：

---