189 8069 5689

如何在表单中使用ng-options和ng-checked方法-创新互联

本篇文章为大家展示了如何在表单中使用ng-options和ng-checked方法,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

创新互联服务项目包括潍城网站建设、潍城网站制作、潍城网页制作以及潍城网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,潍城网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到潍城省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

ng-options

在select表单控件中,总结一下目前的几种写法。

普通写法

优点:简单

缺点:

  • 代码很不简洁,如果选项较多就会很乱

  • 不方便渲染,如果option在变需要使用js动态加载

  • 不方便存储对象

使用ng-repeat

ng-repeat是angularJS中非常强大的一个directive,在渲染列表上极大的方便了前端开发者,那么由于有多个重复的option,当然可以使用ng-repeat,用法如下: