UI-Grid, отображающий неопределенное в выпадающем списке ячейки

Question

При наличии выпадающего списка в ячейке для угловой ui-сетки все значения отображаются как неопределенные. Вот настройка сетки в моем контроллере.

var status = [ 
     { id: 1, type: 'Closed' }, 
     { id: 2, type: 'Pending' }, 
     { id: 3, type: 'Open' } 
    ]; 

    // grid setup 
    $scope.gridStore = { 
     enableSorting: true, 
     enableFiltering: true, 
     flatEntityAccess: true, 
     fastWatch: true, 
     enableHorizontalScrollbar: 1, 
     enableCellSelection: true, 
     enableCellEditOnFocus: true, 
     columnDefs: [ 
      { name: 'Number', field: 'Number', width: 150, pinnedLeft: true, enableCellEdit: false }, 
      { name: 'Name', field: 'Name', width: 300, pinnedLeft: true, enableCellEdit: false }, 
      { name: 'Date', field: 'Date', width:500 }, 
      { name: 'Status', field: 'Status', width: 500, editType: 'dropdown', editableCellTemplate: 'ui-grid/dropdownEditor', editDropDownValueLabel: 'type', editDropdownOptionsArray: status, filter: { selectOptions: status, type: uiGridConstants.filter.SELECT, condition: uiGridConstants.filter.EXACT } } 
     ] 
    }; 

Answer 1

Я предполагаю, что вы исправили свою проблему?

Кроме того, для использования в будущем, при использовании выпадающих списков на сетках ui я использую то, что я отношусь к ним так, как будто они всегда динамичны, поэтому мне больше не нужно иметь дело с OptionsArray и фильтрами (что является болью с динамическим данные).

Просто изучите, когда вы планируете расширить свои знания в угловой сетке ui.

HTML:

<div ui-grid="gridOptions" ui-grid-edit class="grid"></div> 

Контроллер:

$scope.gridOptions = { 
    enableSorting: true, 
    enableFiltering: true, 
    enableCellEditOnFocus: true, 
    columnDefs: [ 
     { field: 'name', 
     sort: { 
      direction: 'desc', 
      priority: 1 
     } 
     }, 
     { field: 'gender', editType: 'dropdown', enableCellEdit: true, 
      editableCellTemplate: 'temp.html' }, 
     { field: 'company', enableSorting: false } 
]}; 

temp.html:

<div> 
    <select ng-model="row.entity.gender" data-ng-options="d as d.type for d in genderType"> 
     <option value="" selected disabled>Choose Gender</option> 
    </select> 
</div>