angularjs ng-grid 在更新时保持选择

Question

我正在尝试使用 ng-grid 设置，但遇到以下问题。

我显示的数据变化非常频繁，大约每 5 秒变化一次。但列表中添加的新数据并不多。

当我将数据设置到 ng-grid 时，用户可以开始查看数据。但是当我在大约 5 秒后更新数据时，用户所做的选择和分组都会丢失。

http://plnkr.co/edit/eK1aeRI67qMROqDUtPnb

是否有办法保留选择和/或分组？

Answer 1

您将必须在 for 循环中遍历并合并数据。如果替换整个数组，您将替换对象引用，因此您将丢失所做的任何更改。

另一个选项是将您的选择保留在不同的数组或字典中，然后在替换数组后重新映射您的属性。请注意，此处您将需要使用引用类型，以便更改会保留到您的选择数组中。

就像[伪代码]:

// a dictionary of reference types (IMPORTANT that they are objects!)
// to hold selection data.
var selections = {
  'Name1' : { value: 'selection' },
  'Name2': { value: 'selection2' }
}

$scope.getMyData = function () {    
    // do whatever to get your data here.
    $scope.myData = [
       { name: 'Name1' },
       { name: 'Name2' }
    ];

    // update your objects in your array. 
    for(var i = 0; i < $scope.myData.length; i++) {
       var data = $scope.myData[i];
       var selection = selections[data.name];
       if(selection) {
           data.selection = selection;
       }
    }    
};

// initial load
$scope.getMyData();

// your test interval
setInterval(function () {
    $scope.$apply(function (){
       $scope.getMyData();
    });
}, 5000);