2017-03-13 1 views
1

ui-grid를 사용하여 동적 cellFilter가있는 열을 갖고 싶습니다. 예를 들어 'number'에서 'currency'로 업데이트 할 수 있습니다. 열에서 매개 변수 cellFilter를 변경해 보았지만 표에 반영되지 않았습니다. col.colDef.filter하지만 오류가ui-grid 동적 cellFilter

Error: [$parse:syntax] Syntax Error: Token '.' is an unexpected token at column 33 of the expression [grid.getCellValue(row, col) |col.colDef.filterFormat] starting at [.colDef.filterFormat]. 

plunkr : 나는 cellFilter 같은 변수에 cellFilter를 참조 또한 시도 http://plnkr.co/edit/KhR4kbLAT61vAm6AlSCr?p=preview 어떤 제안? 이것은 당신을 위해 무엇을해야

+0

오류가 어디서 발생하는지 코드를 표시하십시오. –

+0

안녕하세요. @ Gonzalo.- 그냥 plunkr 링크를 추가했습니다. 감사합니다. –

+0

다른 것이 필요하거나 충분한 답변을 주셨습니다. –

답변

0

, angular.copy()의 사용을 만드는 작은 비틀기 : 여기

var app = angular.module('app', ['ui.grid']); 
app.controller('MainCtrl', ['$scope', '$http', function($scope, $http) { 
    $scope.gridOptions1 = { 
    enableFiltering: true, 
    columnDefs: [{ 
     field: 'age', 
     cellFilter: 'currency' 
    }] 
    }; 

    $scope.gridOptions = angular.copy($scope.gridOptions1); 
    $http.get('//cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/500_complex.json') 
    .success(function(data) { 
     $scope.gridOptions.data = data; 
    }); 

    $scope.updateFilter = function() { 
    $scope.gridOptions1.columnDefs[0].cellFilter = 'number'; 
    $scope.gridOptions = angular.copy($scope.gridOptions1); 
    }; 
}]); 

를 작동 Plunker, http://plnkr.co/edit/p3pBKvFH3pJcpps02sN9?p=preview입니다.

다른 것이 필요한 경우 알려주십시오. 더 도와 줘서 기뻐.

+0

그래야 그리드가 다시 정의됩니다. 맞습니까? –

+0

알겠습니다. AngularJS 영광을 사용하십시오! –