Игнорировать сетку дерева UI не обновляет таблицу с новыми данными

Question

Я интегрирую угловую директиву сетки дерева Ignite в моем приложении. Я инициализирую сетку пустым источником данных, потому что данные загружаются с сервера, а затем назначают данные от сервера к источнику данных сетки деревьев, но не обновляют данные в таблице. Когда я использую директиву ig grid, то он работает, но когда я использую директиву дерева сетки ig, он не работает. Если кто-то хочет увидеть код, я могу поделиться им.
Это мой элемент div для привязки сетки ig как атрибута.

<div ng-controller= "gridController"> 
<div id="gridMyGrid" ig-tree-grid="gridOptions" ></div> 
    </div> 

Это код в мой контроллер с сеткой Объект параметров.

angular.module('gridModule',['igniteui-directives']) 
    .controller('gridController',function($scope){ 
     var realObject = [ 
         {"p_l": 68, 
    "total_p_l": 68, 
    "delta_notional_gross": 0, 
    "delta_notional_log": 0, 
    "delta_notional_short": 0, 
    "delta": 0, 
    "gamma": 0, 
    "vega": 0, 
    "theta": 0, 
    "implied_volatility": 0, 
    "beta": 0, 
    "portfolio_hvar": 0, 
    "historical_value_at_risk": 0, 
    "secpxs_down_100bps": 0, 
    "sec_pxs_plus15percent": 0, 
    "sec_pxs_minus15percent": 0, 
    "name": "LN 200", 
    "qunatity": 200, 
    "share_details": [] 
      } 
       ] 
     $scope.realObject =[]; 
      var options = { 
        primaryKey: "name", 
        childDataKey: "share_details", 
        width: '100%', 
        height: 400, 
        autoGenerateColumns: true, 


        dataSource: $scope.realObject, 
        features: [ 


         { 
          name: "ColumnMoving", 
          columnMovingDialogContainment: "window" 
         } 
        ] 
       }; 
     $scope.gridOptions = options; 


      $timeout(function(){ 
           $scope.realObject.push(realObject[2]); 
           $scope.gridOptions.dataSource = $scope.realObject; 


          },5000) 
}) 

Любая помощь приветствуется.

Добавление примеров на js fiddle, что я ожидаю.
обеспеченная ссылка без структуры дерева и обновление данных
Link for JS Fiddle

Связь с древовидной структурой, которая не обновляет данные.
Link for JS Fiddle with Tree structure

Answer 1

igTreeGrid не поддерживает привязки данных Двухсторонний для AngularJS. (IgGrid делает)

Так что вам нужно вручную DataBind в igTreeGrid. Я изменил образец с помощью ручной привязки данных.

$("#grid1").igTreeGrid("dataBind"); 

Link to JS Fiddle

Или вы можете использовать igTreeGridUpdating API для изменения данных вместо изменения данных области действия.