美文网首页
AngularJS之Select(选择框)-指令ng-optio

AngularJS之Select(选择框)-指令ng-optio

作者: 聂叼叼 | 来源:发表于2018-04-17 16:01 被阅读0次

    AngularJS 可以使用数组或对象创建一个下拉列表选项。

    创建指令:ng-options(创建一个下拉列表)

    在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例:

    ng-option指令的运用

    注:ng-init 设置默认选中值。

    当然,我们也可以使用ng-repeat 指令来创建下拉列表:

    ng-repeat指令创建下拉框

    ng-repeat指令是通过数组来循环 HTML 代码来创建下拉列表,但ng-options指令更适合创建下拉列表,它有以下优势:

    使用ng-options的选项是一个对象,ng-repeat是一个字符串。

    ng-options选中的是一个对象,但是ng-repeat不行

    使用对象作为数据源, x 为键(key),y为值(value):

    相关文章

      网友评论

          本文标题:AngularJS之Select(选择框)-指令ng-optio

          本文链接:https://www.haomeiwen.com/subject/elfpkftx.html