zoukankan      html  css  js  c++  java
  • AngularJS 下拉列表demo

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
    </head>
    <body>
    
    <div ng-app="myApp" ng-controller="myCtrl">
    
    <select ng-init="selectedName = names[0]" ng-model="selectedName" ng-options="x for x in names">
    </select>
    
    <div> 你选择了:{{selectedName}}</div>
    <button ng-click="getNames()">点我!</button>
    </div>
    
    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.names = ["Google", "Runoob", "Taobao"];    
        $scope.getNames = function() {
            $scope.names = ["http", "get", "data"];
        };
    });
    </script>
    
    <p>该实例演示了 ng-options 指令的使用。</p>
    
    </body>
    </html>
  • 相关阅读:
    python之元组
    python之dict
    python之list
    python之str字符串
    python之for循环
    Python的基本语法2
    Python的基本语法1
    初识python
    JS获取当天是周几
    EXCLE导入数据库
  • 原文地址:https://www.cnblogs.com/bonelee/p/7202210.html
Copyright © 2011-2022 走看看