网站建设资讯

NEWS

网站建设资讯

如何在表单中使用ng-options和ng-checked方法

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

创新互联建站是一家集网站建设,新巴尔虎右企业网站建设,新巴尔虎右品牌网站建设,网站定制,新巴尔虎右网站建设报价,网络营销,网络优化,新巴尔虎右网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

ng-options

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

普通写法

优点:简单

缺点:

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

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

  • 不方便存储对象

使用ng-repeat

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