Angularjs实现select的下拉列表

2018-06-22 06:11:33来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

练习使用angularjs实现一个select下拉列表:

 

 <div ng-app="selectApp" ng-controller="selectController"> 
        <select ng-model="mySelect" ng-options="sd for sd in selectData"></select>
    </div>
Html Code

 

 var selectApp = angular.module('selectApp', []);

        selectApp.controller('selectController', function ($scope) {
            $scope.selectData = [
                "",
                "Insus",
                "Insus.NET",
                "Leo",
                "Leo Yang"];
        });
JS Code

 

运行效果动态演示:

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:AngularJs的ng-include的使用与实现

下一篇:关于bootstrap日期转化,bootstrap-editable的简单使用,bootstra