javascript - Ignite UI 树网格未使用新数据更新表格

Question

我正在我的应用程序中集成 Ignite UI 树状网格 Angular Directive(指令)。我正在用空数据源初始化网格，因为数据是从服务器加载的，然后将数据从服务器分配给树状网格的数据源，但它没有更新表中的数据。当我使用 ig grid 指令时它可以工作，但是当我使用 ig grid tree 指令时它不起作用。如果有人想看我可以分享的代码。
这是我的 div 元素，用于将 ig 网格绑定(bind)为属性。

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

这是我的 Controller 中带有网格选项对象的代码。

    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 上添加示例可以满足我的期望。
没有树结构和更新数据的链接
Link for JS Fiddle

不更新数据的树结构链接。
Link for JS Fiddle with Tree structure

Answer 1

igTreeGrid 没有对 AngularJS 的双向数据绑定(bind)支持。(igGrid 有)

所以你需要手动dataBind igTreeGrid。我使用手动数据绑定(bind)修改了示例。

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

Link to JS Fiddle

或者您可以使用 igTreeGridUpdating api 来更改数据而不是更改范围数据。