如何使用带有角度 ui 网格的树视图

Question

伙计们，我在我的项目中使用角度 ui 网格..这是我的代码：

 $scope.gridOptions = {
        enableSorting: false,
        enableRowSelection: true,
        multiSelect: false,
        exporterMenuCsv: false,
       // enableGridMenu: true,
        enableSelectAll: true,
        enableColumnResizing: true,
        enableSorting: true,

         onRegisterApi: function(gridApi) {
            $scope.gridApi = gridApi; //set gridApi on scope
             gridApi.core.on.renderingComplete($scope, function () {
              $timeout(function () {
                var gridBodyElem = document.getElementById(gridApi.grid.id + '-grid-container');
                gridBodyElem.addEventListener('mouseup', handleGridClick);
              });
            });
      },

columnDefs: [
      { field: 'name',displayName:'Name',cellClass: 'gridField'},
      { field: 'uniqueid',displayName:'ID',cellClass: 'gridField'},
      { field: 'devicetime',displayName:'GPS DATE',cellClass: 'gridField'},
      { field: 'adress',displayName:'Adresse',cellClass: 'gridField'},
      { field: 'company',displayName:'Company',cellClass: 'gridField'}
]

};

它工作得很好，但我想在这个网格中使用一个树视图来获得像下面这个表格网格一样..

我真正想要的是，当我点击项目时，我想在下面显示一个 html 代码，如上图...有没有人知道如何做到这一点..？？

Answer 1

示例控制器：

var SomeController = function () {

    this.customHtml = '<ul><li>render me please</li></ul>';
}

示例视图：

<div ng:bind="customHtml"></div>

给：

<div>
    "<ul><li>render me please</li></ul>"
</div>