セルのドロップダウンでUIグリッドが未定義に表示される

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>