Angular 的 ngOptions

練習一下 Angular。

用 Angular 產生下拉式選單也很簡單，首先準備一個基本的 array:

view plaincopy to clipboardprint

1. var selectCtrl = function($scope) {   
2.     $scope.super = [ 'Superman', 'Batman', 'The Flash', 'Iron-Man', 'Captain America', 'Wolverine', 'Thor', 'Spoder-Man', 'Dare Devil' ];       
3.        
4. };  

準備以下的 html:

view plaincopy to clipboardprint

1. <div ng-app>  
2. <div ng-controller="selectCtrl" >  
3.     <select ng-model="role" ng-options="member for member in super">  
4.             <option value="" >--請選擇角色--</option>  
5.         </select>  
6.     
7.         <div class="show_character" ng-show="role!=''">選擇的是:{{ role }}</div>       
8. </div>  
9. </div>  

Demo

輕鬆又愉快，這是簡單的筆記，更多應用可以到
鳥哥的介紹
[AngularJS]AngularJS 入門教學 - ngOptions (一)
[AngularJS]AngularJS 入門教學 - ngOptions (二)
[AngularJS]AngularJS 入門教學 - ngOptions (三)