angular里ng-options、ng-select是如何使用的？

这里是修真院前端小课堂，每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解析前端知识/技能，本篇分享的是：

【angular里ng-options、ng-select是如何使用的？ 】

腾讯视频

ng-options和ng-select都属于angluar里的作用在表格或者下拉菜单的标签。

ng-options的值可以是一个内涵表达式（comprehension expression），其实这只是一种有趣的说法，简单来 说就是它可以接收一个数组或者对象，并对她们进行循环，将内部的内容提供给select标签内部的选项。 ng-select 它可以帮助你通过数据模型来创建select元素.它很好的支持了select标签的语法。

而ng-options、ng-select如何使用呢？

ng-options：

ng-options 指令用于使用<option>填充<select>选项。

ng-options属性可以在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与 ng-repeat很相似，很多时候可以用ng-repeat来代替ng-options。但是ng-options提供了一些好处，例如减少内存提高速度，以及提供选择框的选项来让用户选择。

ng-select：

ng-select用来将数据同HTML的select标签进行绑定。