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

Question

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

第 1 行：表达式 1：字符串：文本框

第 2 行：表达式 2：布尔值：带有 true 和 false 的下拉菜单。

我尝试将自定义单元格模板添加到第三列，如下所示：-

$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。有没有办法我可以做到这一点？？？

先感谢您。