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能够获得更多的信息,应用也更加灵活。

  • 相关阅读:
    poj1581
    poj3094
    poj2196
    poj1003
    poj2262
    poj1083
    poj3299
    poj2739
    poj1552
    js 获取元素高度和宽度
  • 原文地址:https://www.cnblogs.com/VARForrest/p/7802455.html
Copyright © 2011-2022 走看看