angularjs在下拉框中添加选项动态显示

angularjs在下拉框中添加选项动态显示,第1张

这个地方,其实不是很有必要去按照ui-router或者什么来配置路由,完全可以自己实现一个功能加载器:$stateProvider//动态菜单.state("Menu",{url:"/menu/:code",templateUrl:"modules/menuloader.html"})然后这个menuloader.html里面,只放一个ng-include,它的地址关联到一个动态变量,这个变量根据传入的那个code去读取。在这个state的resolve里面,根据code获取到菜单对应的html地址,js地址,然后用动态加载控制器的方式把js加载完成,然后把html地址赋值给上一段里提到的那个变量。

第一步,打开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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11661344.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存