Угловая ui-сетка: выпадение бутстрапа в ячейке

Question

У меня есть агулярная сетка ui и выпадающие списки в ее ячейках. Почему мой выпадающий список не отображается по клику?

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

полное описание от разработчика сетки Ui http://brianhann.com/ui-grid-and-dropdowns/

и должны описать необходимые столбцы в соответствии с требованиями

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

и здесь является рабочим образец: http://plnkr.co/edit/ckQhv5bWha2jte5wDBI1?p=preview