Question

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

Answer 1

ionic框架中有控件select，利用AngularJS给下拉框赋值。AngularJS利用ng-app、ng-controller和ng-repeat指令循环遍历下拉框值，利用一个具体实例来说明下拉框用法，具体操作如下：

工具/原料

ionic
angularJS
HBuilder
浏览器
截图工具
方法/步骤

第一步，打开HBuilder开发工具，并在创建好的web项目目录下创建静态页面select.html，如下图所示：

第二步，引入ionic框架有关的CSS文件和JavaScript文件，如下图所示：

第三步，在body标签元素内插入div，并设置样式item、item-input、item-select，如下图所示：

第四步，在第一个div标签元素设置ng-app、ng-controller指令，如下图所示：

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

6
第六步，下拉框插入option
<select>
<option ng-repeat="mo in months" value="{{mo.id}}">{{mo.month}}</option>
</select>
如下图所示：

END
注意事项

熟悉ionic框架的select控件的用法
了解select赋值