每个单元格的Angularjs UI-GRID动态单元模板

Question

我有一个包含3列的UIGrid。根据第二列的值，我需要为第三列创建自定义单元格模板。示例：

第1行：Expression1：String：TextBox

第2行：Expression2：Boolean：使用true＆amp;假的。

我尝试将自定义单元格模板添加到第3列，如下面的代码段： -

$scope.gridOptions.columnDefs = [
        { name: 'expression', displayName: 'Expression',enableCellEdit: false,enableSorting: false, width: '40%'},
        { name: 'type', displayName: 'Type',enableCellEdit: false,enableSorting: false, width: '30%' },
        { name: 'value', displayName: 'Value',enableCellEdit:true,enableSorting: false, width: '30%',editableCellTemplate: 'ui-grid/dropdownEditor',
            editDropdownOptionsArray: [
                                       { id: 1, value: 'true' }, 
                                       { id: 2, value: 'false' }
        }
      ];

但在这种情况下，第3列单元格将始终具有true和false的下拉列表。我需要基于第二列单元格的值的动态单元格模板，第三列单元格类型必须是TextBox或Dropdown。有没有办法可以做到这一点？

提前谢谢。