Как заполнить выпадающее меню в ячейке ng-grid

Question

Iam new to AngularJS, Может кто-нибудь помочь мне, как я могу отобразить выпадающее меню в ячейке ng-grid.

Пожалуйста, помогите с разъяснениями и синтаксисами.

Answer 1

Вы должны checnge шаблон клеток в нг-GRID здесь есть шаблон ячейки по умолчанию:

<div class="ngCellText" ng-class="col.colIndex()"><span ng-cell-text>{{row.getProperty(col.field)}}</span></div> 

Вы урожденная обновлять это следующим образом:

$scope.colors = [ 
     {name:'black', shade:'dark'}, 
     {name:'white', shade:'light'}, 
     {name:'red', shade:'dark'}, 
     {name:'blue', shade:'dark'}, 
     {name:'yellow', shade:'light'} 
    ]; 
$scope.gridOptions = { 
     data: 'myData', 
     columnDefs: [ 
      {field:'name', displayName:'Name', cellTemplate}, {field:'age', displayName:'Age'}] 
    }; 
var myCelTemp = '<div class="ngCellText" ng-class="col.colIndex()"><span ng-cell-text> 
<select ng-model="myColor" ng-options="color.name group by color.shade for color in colors"> 
    </select></span></div>' 

Это exmaple, что я созданный с помощью ДАННОЙ ссылки

Angular js Select

ng_Grid templates

Я надеюсь, что это помогает