Angulares UI-Grid: Bootstrap DropDown in Zelle

Question

Ich habe ein agulares UI-Grid und DropDowns in seinen Zellen. Warum wird meine Dropdown-Liste nicht angezeigt?

var columnDefs1 = [ 
    { name: 'firstName'}, 
    { name: 'lastName'}, 
    { name: 'company'}, 
    { name: 'employed'}, 
    { name: '#', 
     cellTemplate: 
       '<div class="dropdown">' + 
       '<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">' + 
     'Dropdown' + 
     '<span class="caret"></span>' + 
     '</button>' + 
     '<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">' + 
     '<li><a href="#">Action</a></li>' + 
     '<li><a href="#">Another action</a></li>' + 
     '<li><a href="#">Something else here</a></li>' + 
     '<li role="separator" class="divider"></li>' + 
     '<li><a href="#">Separated link</a></li>' + 
     '</ul>' + 
     '</div>' 
    } 
]; 

http://plnkr.co/edit/4Hnmxl?p=preview

Answer 1

vollständige Beschreibung von ui grid Entwickler http://brianhann.com/ui-grid-and-dropdowns/

u je nach Bedarf

benötigten Spalten

columnDefs: [ 
    { name: 'name' }, 
    { name: 'age', type: 'number' }, 
    { 
    name: 'gender', 
    editableCellTemplate: 'uiSelect', 
    editDropdownOptionsArray: [ 
     'male', 
     'female', 
     'other' 
    ] 
    } 
] 

und hier ist ein funktionstüchtiges Beispiel beschreiben sollte: http://plnkr.co/edit/ckQhv5bWha2jte5wDBI1?p=preview