角度UIグリッドとツリービューを使用する方法

Question

ホーみんな、私は私のproject..heresに私のコードの角度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を表示したいexaclyたいもの

...それが良い動作しますが、私は下のこのテーブルグリッドのように取得するために、このグリッド内のツリービューを使用したいです上の画像のように下のコード...誰もこれを行うにはどのようなアイデアを持っています.. ??

Answer 1

例コントローラ：

var SomeController = function() { 

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

例図：

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

が与える：