Please select ...
        
        
options: {{options}}
        

          length of options: 
        
        
selected: {{selected.name}}
      

    

  




var app = angular.module('app', ['ui.bootstrap']);

app.controller('appCtrl', function($scope, $timeout) {

});

app.controller('myCtrl', function($scope, $http, $timeout) {
  // $http.get('data.json').success(function(data) {
  //   $scope.members = data.members;
  // });
  
  $scope.members = [
    {
      "name": "Lily",
      "sex": "F",
      "nickname": "li"
    },{
      "name": "Tom",
      "sex": "M",
      "nickname": ""
    },{
      "name": "Joe",
      "sex": "F",
      "nickname": ""
    },{
      "name": "Mirajan",
      "sex": "F",
      "nickname": "Mira"
    },{
      "name": "Jerimmy",
      "sex": "M",
      "nickname": "Jeri"
    }
  ]
});

app.directive('mySelect', function($timeout) {
  return {
    restrict: 'AC',
    link: function(scope, element, attrs) {
      scope.options = element.find('option');
      options = element.find('option');
      $timeout(function() {
        // element.wrap('
');
        element.append('
');
        var members = angular.element(document.querySelector('.members'));
        for(var i=1;i' + options.eq(i).attr('label')+'');
    
        }
        //-----------------------------------------//
        members.find('li').wrapAll('
');
        //-----------------------------------------//
      },100);
      $timeout(function() {
        angular.element(document.querySelector('.num')).text(options.length);
      },100);
    }
  }
});

为什么 members.find('li').wrapAll('

plunker 请戳这里