Динамическое изменение параметров сетки в угловом ui.grid

Question

Мне нужно показать два типа gridOptions, не используя две сетки, пытающиеся изменить gridOptions, динамически не работающие (одно время работы).

рабочий пример http://plnkr.co/edit/4QKGIB?p=preview.

$scope.grid1=function(){ 
    $scope.gridOptions = $scope.gridOptions1; 
    $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL); 
} 
$scope.grid2=function(){ 
    $scope.gridOptions = $scope.gridOptions2; 
    $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL); 
} 

Answer 1

В основном вам нужно использовать angular.copy() при назначении columnDef к сетке, которая клонирует массив и установить его в gridOptions.

Код

$scope.gridOptions = angular.copy($scope.gridOptions1); 
$http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/500_complex.json') 
.success(function(data) { 
    $scope.gridOptions1.data = data; 
    $scope.gridOptions2.data = data; 
    $scope.grid1(); 
}); 
$scope.grid1=function(){ 
    $scope.gridOptions = angular.copy($scope.gridOptions1); 
    $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL); 
} 
$scope.grid2=function(){ 
    $scope.gridOptions = angular.copy($scope.gridOptions2); 
    $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL); 
} 

Working Plunkr