zoukankan      html  css  js  c++  java
  • AngularJS Select

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

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

    <div ng-app="demo" ng-controller="myController">

    <select ng-init="selectedName=names[0]" ng-mode="selectedName" ng-option="x for x in names"></select>

    </div>

    <script>

    var app=angular.module("demo",[]);

    app.controller("myController",function($scope){

    $scope.names["google","baidu","taobao"];

    });

    </script>

    其实也可以使用ng-repeat指令来创建下拉列表,如下:

    <select>

    <option ng-repeat="x in names">{{x}}</option>

    </select>

    ng-repeat是通过数组来循环html代码来创建下拉列表的,但是ng-optiions指令是更加适合创建下拉列表:ng-options的选项是一个对象,而ng-repeat是一个字符串;当选择的是一个对象后,ng-options能够获得更多的信息,应用也更加灵活。

  • 相关阅读:
    异常总结201304
    Android开发资料[20121125]
    大素数的生成
    django 获取用户IP地址
    python包管理工具pip
    mysql大表修改结构
    素数的检测
    一致性哈希算法 python实现
    素数的生成筛选法
    相似哈希simhash
  • 原文地址:https://www.cnblogs.com/VARForrest/p/7802455.html
Copyright © 2011-2022 走看看