Comment utiliser TreeView avec grille ui angulaire

Question

gars Ho, j'utilise la grille ui angulaire dans mes project..heres mon code:

$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'} 
] 

};

cela fonctionne bien, mais je veux utiliser un TreeView dans cette grille pour obtenir comme cette grille de tableau ci-dessous ..

ce que je veux exacly est, quand je clique sur le point, je veux montrer un html code ci-dessous comme l'image ci-dessus ... est-ce que quelqu'un a une idée de la façon de le faire .. ??

Answer 1

contrôleur Exemple:

var SomeController = function() { 

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

vue Exemple:

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

donne:

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