AngularJS下拉列表填充-CSDN博客

本文链接：https://blog.csdn.net/qq_36309066/article/details/53782197

AngularJS 实例

使用数组元素填充下拉列表:

 
         <!DOCTYPE html>
        
         <html>
        
         <head>
        
         <meta charset=
         "utf-8"
         >
        
         <script src=
         "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"
         ></script>
        
         </head>
        
         <body>
        
         <div ng-app=
         "myApp" 
          ng-controller=
         "myCtrl"
         >
        
         <select ng-model=
         "selectedName" 
          ng-options=
         "item for item in names"
         >
        
         </select>
        
         </div>
        
         <script>
        
         var 
          app = angular.module(
         'myApp'
         , []);
        
         app.controller(
         'myCtrl'
         , 
         function
         ($scope) {
        
         $scope.names = [
         "Emil"
         , 
         "Tobias"
         , 
         "Linus"
         ];
        
         });
        
         </script>
        
         <p>该实例演示了如何使用 ng-options 指令填充下拉列表。</p>
        
         </body>
        
         </html>