角度uiグリッドで行を選択するときに表示される列のみを取得する

Question

角度-uiグリッドの行を選択し、その行をクリップボードにコピーしたいとします。

これは私のコードです：

$scope.copySelection = function() { 
    $scope.retainSelection = $scope.gridApi.selection.getSelectedRows(); 
    alert(JSON.stringify($scope.retainSelection)); 
    var input = document.createElement("input"); 
    input.type = "text"; 
    document.getElementsByTagName('body')[0].appendChild(input); 
    input.value = JSON.stringify($scope.retainSelection); 
    input.select(); 
    document.execCommand("copy"); 
    input.hidden = true; 
    $scope.gridApi.selection.clearSelectedRows(); 
    }; 

Plunker：http://plnkr.co/edit/dcj7DUWHyA3u1bouxRhI?p=preview

しかし、私はちょうど目に見える列をコピーしたいが、私はJSONにあるすべての列を取得しています。私は隠しコラムがほしくない。それ、どうやったら出来るの？助けてください。

Answer 1

選択した列/表示可能な列のベースで列を変調できます。あなたはこのようなコードを持つことができます -

$scope.copySelection = function() { 

    $scope.retainSelection =angular.copy($scope.gridApi.selection.getSelectedRows()); 

    angular.forEach($scope.retainSelection,function(value,key){ 
     var columndef=angular.copy($scope.gridOptions.columnDefs); 
     for (var property in value) { 
     if (!(value.hasOwnProperty(property) && columndef.filter(function(a){return a.name.split('.')[0]===property}).length>0)) { 
     delete value[property]; 
     } 
    } 

    }); 
    alert(JSON.stringify($scope.retainSelection)); 
    var input = document.createElement("input"); 
    input.type = "text"; 
    document.getElementsByTagName('body')[0].appendChild(input); 
    input.value = JSON.stringify($scope.retainSelection); 
    input.select(); 
    document.execCommand("copy"); 
    input.hidden = true; 
    $scope.gridApi.selection.clearSelectedRows(); 
    }; 

更新Plunker Here

が、それはあなたの問題を解決することを願っていて下さい！