2013年12月3日 星期二

Angular 的 ngOptions

練習一下 Angular。

用 Angular 產生下拉式選單也很簡單,首先準備一個基本的 array:
  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:
  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 (三)

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...