使用AngularJS选择ng-options和Semantic UI的下拉列表

所以Semantic UI出现在最新的"热门"UI框架中,我对此印象深刻; 但是,它们的下拉列表不是HTML"select"和"option"标签的实现,而是自定义.对于我的项目,我使用的是AngularJS,它是非凡的JavaScript MVW框架.

如何将AngularJS select ng-option与Semantic UI的下拉列表集成？我不是一个JS专业人士.这是JSfidde:http://jsfiddle.net/fMUy3/

    


    
            
Option 1 (standard)

        
            -- Pick A Container --
        
        
ID: {{selectedItem.id}}
        
Name: {{selectedItem.name}}
         
 Semantic UI Dropdown

        

            
            
-- Pick A Container --
     
            

                
-- Pick A Container --
                
{{container.name}}
            
    

JavaScript的:

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

app.controller('MainCtrl', function($scope) {
  $scope.containers = [
  {id: 1, name: 'Box1'},
  {id: 2, name: 'Box2'},
  {id: 3, name: 'Box3'}];

  //$scope.selectedItem = $scope.containers[0];
});

$('.ui.dropdown').dropdown();

非常感激!