안녕하세요. 우선 - 프로젝트에 감사드립니다.
나는 같은 문제를 가지고있다. 서버에서 가져온 데이터로 필터를 업데이트해야 하지만 필터 데이터 기능을 트리거하는 방법을 모릅니다.

getData 함수 내에서 데이터를 선언하면 테이블을 업데이트하는 것으로 보입니다.
그래서..... getData: function($defer, params){
var 데이터 = $scope.yourdata;
var 주문 데이터 = ...........................
}

내 데이터가 DOM에 성공적으로 로드되었지만 서버에서 데이터를 가져오고 tableParams.reload()로 ng-table을 새로 고치고자 할 때 결과를 반영하지 않지만 정렬 또는 페이징을 클릭하면 결과가 반영됩니다.
이것은 어떤 문제가 될 수 있습니까?

@basilcronus가 제안한 것을 두 번째로 말하고 싶습니다. 이것은 저에게도

@developersatish와 동일한 문제가 있었습니다.
이 문제가 해결될 때까지 기다리십시오.

안녕하세요 여러분. 나는 최근에 ngTable을 사용하기 시작했습니다. 특히 중첩된 ngTable과 부모 데이터와 별도로 데이터를 다시 로드할 때 비슷한 문제가 있습니다. 다음은 빠른 아이디어입니다.

상위 컨트롤러:

var 부모 데이터 = [...];

$scope.details = -1

$scope.showDetails = 함수(id) {
$scope.details = 아이디;
};

// ngTable ////////
$scope.tableParams = 새로운 ngTableParams({
page: 1, // 첫 페이지 표시
count: 10, // 페이지당 카운트
정렬: {
id: 'asc' // 초기 정렬
}
}, {
total: parentData.length, // 데이터 길이
getData: 함수($지연, 매개변수) {
// 내장 각도 필터 사용
var 주문 데이터 = params.sorting() ?
$filter('orderBy')(parentData, params.orderBy()) :
부모 데이터;
$defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
}
});

html에서 ng-click을 사용하여 여기에 ID를 보내고 세부 정보 범위를 변경합니다.

하위 컨트롤러(첫 번째 컨트롤러와 관련된 보조 테이블):

var 자식 데이터 = [...];

$scope.$parent.$watch('세부 정보', 함수() {
console.log("여기서 만들었습니다.");
$scope.tableParams2.reload();
});

// 자식 ngTable ////////
$scope.tableParams2 = 새로운 ngTableParams({
page: 1, // 첫 페이지 표시
count: 10, // 페이지당 카운트
정렬: {
id: 'asc' // 초기 정렬
}
}, {
total: childData.length, // 데이터 길이
getData: 함수($지연, 매개변수) {
// 내장 각도 필터 사용
var 주문 데이터 = params.sorting() ?
$filter('orderBy')(childData, params.orderBy()) :
자식 데이터;
$defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
},
$scope: { $data: {} }
});

클릭하면 변경 사항을 볼 수 있지만 자식 테이블이 업데이트되지 않습니다. 이것이 도움이되는지 확실하지 않지만 관련이 있다고 생각합니다.

안녕,
@developersatish와 동일한 문제가 있습니다. 테이블 데이터는 테이블을 정렬하거나 필터링한 후에만 업데이트됩니다. 이 문제에 대한 해결책이 있습니까?

비슷한 문제가 있습니다.

클릭 이벤트에서 서버에서 데이터 검색을 시작합니다(다중 호출).
그래서 저는 for 루프가 있고 거기에 GET 요청이 있고 테이블 비동기에 플롯하려는 범위 변수로 반환되는 결과를 저장합니다.

그러나 클릭하면 다음과 같이 내 테이블을 인스턴스화합니다.

`$scope.tableParams = new ngTableParams({
        page: 1, // show first page
        count: 10, // count per page
        sorting: {
            Country: 'asc' // initial sorting
        }
    }, {
        total: $scope.continentTableData.length, // length of data
        getData: function($defer, params) {
            for (var i = 0; i < numberOfCountries; i++) {
                try {
                    var country = $("path[class*=" + $scope.currentContinentCountries[i].toUpperCase() + "]")[0].__data__.properties.name;
                    MapService.getInfographicsData(2013, country, function(infrographicsData) {
                        counter++;
                        // debugger;
                        var cpi = infrographicsData[0].data.CPI;
                        var trace = infrographicsData[1].data;
                        var countryName;

                        if (cpi == null) {
                            countryName = trace.Ref_Country;
                        } else {
                            countryName = cpi.Country;
                        }

                        var joinedData = {
                            Country: countryName,
                            Cpi: cpi,
                            Trace: trace
                        }
                        $scope.continentData.push(joinedData);

                        $scope.continentTableData = $scope.continentData;

                        // if (counter==numberOfCountries-1) {
                        //     console.log("tier");
                            $timeout(function() {
                            // update table params
                            params.total($scope.continentTableData.length);
                            // set new data
                            console.log("new data set");
                            $defer.resolve($scope.continentTableData);
                        }, 1500);
                        // };

                    });
                } catch (e) {
                    // console.log(e);
                    continue;
                }                    
            }

            // $scope.$apply();
        }
    });`

ajax를 사용하는 ngTable 예제에서와 같이. 그러나 테이블에 아무 것도 표시되지 않습니다(getData가 호출되지 않음).

"새로 고침" tableParams를 클릭하면 각 항목이 복제된 것을 제외하고 테이블이 모든 항목을 로드하기 시작합니다.

어떤 아이디어라도?

@developersatish 페이지 매김 버튼에 첨부된 기능을 복사하여 서버에서 새 데이터를 반영할 수 있었습니다.

$scope.tableParams.count(1);

나는 이것을 내 요청의 콜백에 넣었습니다.

myRequest().then(function(response) {
    $scope.data = response;
    $scope.tableParams.total($scope.data.length);
    $scope.tableParams.count(1);
});

편집하다:

내 원래의 게시물에서이 1 에서 $scope.tableParams.count(1) 사실에 설정 한 값을 포함하는 변수로 교체해야합니다 count 에서 ngTableParams .
작업 예제는 http://embed.plnkr.co/harWG3J6OlNHzbOu0e6S/preview 를 참조하십시오.

이것이 이 문제에 대한 최상위 검색 결과이므로 내 솔루션에 대해 수행한 작업을 포함하겠습니다. 나는 단순히 filter-data 함수에서 defer.resolve에 대한 인수로 사용되는 {id,title} 객체의 배열을 $scope에 저장했습니다. (처음에는 비어 있을 수 있습니다.) 그런 다음 언제든지 해당 배열을 업데이트할 수 있으며 변경 사항은 필터 선택에 반영됩니다. 그래서 내 ajax 호출이 서버 응답을 가져올 때 업데이트합니다.

또한 제 경우에는 사용자가 검색 범위를 확장함에 따라 테이블 데이터 세트가 확장됩니다(증가됨). 이렇게 하려면 선택 필터도 수정(diff 적용)해야 합니다.

나는 그것을 시도했지만 작동하지 않습니다. 작업 예제를 붙여넣을 수 있습니까?

얘들 아,
@almaplayera 와 같은 문제가 있습니다. 다음과 같은 시나리오가 있습니다.

1. 드롭다운에 사용된 필터 데이터는 서비스에서 가져온 것입니다.

2. 그리고 동일한 데이터를 업데이트하기 위해 사용자가 새 항목을 추가하거나 기존 항목을 업데이트할 수 있는 섹션이 있습니다.

3. 드롭다운에 대한 추가/편집 섹션 필터 데이터의 항목을 추가/업데이트한 후 테이블이 다시 로드되면 해당 드롭다운을 새로 고쳐야 합니다.

회사 데이터를 필터링 데이터로 가져오기 위해 이 작업을 수행하고 있습니다.

그 후 내 보기의 필터 데이터에서 getCompany 메서드를 호출했습니다.

누구든지 내 필터 데이터를 서비스의 최신 데이터로 업데이트하는 솔루션을 제안하거나 유사한 사용 사례에 대한 몇 가지 예를 제공할 수 있습니까?

@esvit : https://github.com/esvit 에서 제안한 @israelidanny 와 같은 보기에서 동일한 변수를 필터 데이터에 전달하려고 시도했습니다. /ng-table/pull/342 하지만 그것도 작동하지 않습니다. :(

추신 : 나는 tableParams.reload(); 추가 및 편집 후.

아무것도 커밋하기 전에 ng 테이블에서 전환했기 때문에 더 이상 코드가 없습니다. 그러나 메모리에서 이동:

필터 함수(getCompany 함수)는 테이블 초기화에서 한 번만 호출됩니다. 따라서 레코드 변경 사항이 있을 때마다 확인된 데이터 배열에 변경 사항을 적용해야 하며 angular는 이러한 변경 사항을 dom에 적용합니다.

$scope.company_filter = [];

$scope.getCompanyFilter = function(data) {
  var def = $q.defer();
  companyService.getAll().success(function(response) {
    $scope.updateCompanyFilter(response.data);
    def.resolve($scope.company_filter);
  });
  return def;
};

$scope.updateCompanyFilter = function(data) {
  $scope.company_filter.length = 0;
  for (i in data) {
    $scope.company_filter.push({
        'id': data[i].id,
        'title': data[i].name
    });
  }
};

// Then wherever you refresh your table data, just call updateCompanyFilter(data).
// Or you could micro manage the filter array when you do adds/deletes instead of reseeding it every time.

<td ... filter-data="getCompanyFilter($column)" >

다시 말하지만, 나는 몇 개월이 지났기 때문에 틀릴 수 있습니다.

이 문제는 최신 버전의 ng-table에서 수정되었습니까?

누군가 예제 코드를 제공할 수 있습니까?

그렇지 않다고 생각합니다.

이제 만들기 어렵지 않을 것 같아요.
controller.loadFilterData 함수에서 호출할 수 있습니다.
테이블 매개변수. 그러면 목록이 변경될 때 이것을 호출할 수 있습니다.
너의 어플리케이션.

씨

2015년 6월 19일 금요일 오전 6:59, rachithaShetty [email protected]
썼다:

이 문제는 최신 버전의 ng-table에서 수정되었습니까?

—
이 이메일에 직접 답장하거나 GitHub에서 확인하세요.
https://github.com/esvit/ng-table/issues/186#issuecomment -113384084.

:+1: @kyleboyle : 귀하의 솔루션은 친구를 효과적 이었습니다..! 대단하다...! 정말 감사합니다.

이 문제에 대한 해결 방법(Pull request 403: https://github.com/esvit/ng-table/pull/403)이 v0.4.2에서 병합되었지만 변경 사항은 이후로 되돌려졌습니다.

ng-table.js 변경의 549행에서

$scope.$watch('params.$params', function(newParams, oldParams) {
에게
$scope.$watch('[params.$params, params.data]', function(newParams, oldParams) {

이렇게 하면 데이터가 업데이트되는 문제가 해결되었지만 변경 사항을 렌더링하기 위해 테이블이 새로 고쳐지지 않았습니다.
그것은이 버그가이에 재 도입 된 것으로 보인다 커밋 : https://github.com/esvit/ng-table/commit/9189e987fba90b07ffc6b17c982961ad65edf725#diff -6aca4bc06732c0635eb9860dc6cd040fL490

불행히도 $watch ' params.data 는 특정 상황에서 문제를 일으킵니다.

params.data 내의 요소가 순환 참조를 포함하는 복잡한 경우 angular.copy 가 딥 클론을 생성할 때 $watch 'ing _by value_ 스택 오버플로 예외가 발생합니다.

angular.copy 의 새 버전이 이 특정 문제를 해결한다고 생각하지만 성능상의 이유로 params.data _값으로_ 보는 것은 여전히 ​​나쁜 생각입니다.

@kyleboyle 이 코드는 완벽하게 작동합니다! 감사 해요! 그리고 inArray 함수를 추가하면 중복을 걸러낼 수 있습니다.

    $scope.manufacturer_filter = [];
    $scope.getManufactFilter = function(column){
        var def = $q.defer();
        ResourseAPI.query(function(data){
            $scope.updateManufactFilter(data.devices);
            def.resolve($scope.manufacturer_filter);
        });
        return def;
    };
    $scope.updateManufactFilter= function(data) {
        var arr = [];

        angular.forEach(data, function (item) {
            if (inArray(item.manufacturer, arr) === -1) {
                arr.push(item.manufacturer);
                $scope.manufacturer_filter.push({
                    'id': item.manufacturer,
                    'title': item.manufacturer
                });
            }
        });
    };

    var inArray = Array.prototype.indexOf ?
    function (val, arr) {
        return arr.indexOf(val);
    } :
    function (val, arr) {
        var i = arr.length;
        while (i--) {
            if (arr[i] === val) return i;
        }
        return -1;
    };

@kyleboyle 귀하의 솔루션은 훌륭합니다.
ng-table-dynamic을 사용하여 유사한 것을 구현할 수 있는지 아는 사람이 있습니까?
나는 자바 스크립트로 열을 동적으로로드합니다.

예시:

var column = {
    title: 'Example',
    sortable: 'example',
    filter: 'example',
        filterData: .....,
    show: true,
    field: 'example'
};

filterData 속성은 무엇으로 설정해야 합니까? 아니면 데이터 필터를 다시 로드하는 다른 방법이 있습니까?

선택 필터가 데이터 소스로 사용할 배열을 지정하는 다양한 방법이 있습니다. 이러한 각 방법은 ng-table 및 ng-table-dynamic 모두에 적용됩니다.

다음 코드 샘플이 문제를 파악하는 데 도움이 될까요?

http://codepen.io/christianacca/pen/JdqjxB?editors=101

좋은 샘플이지만 내 문제에 대한 솔루션을 찾을 수 없습니다. 모든 예에서 데이터는 한 번만 로드되지만(동기화 또는 비동기화) 다시 로드되지는 않습니다.

내가 얻는 것의 예는 다음과 같습니다.
두 개의 열이 있습니다. 국가와 도시 각각에 필터가 있습니다.
그래서:

• 국가 필터가 null이면 서버에 모든 도시를 표시합니다.
• 국가 필터가 선택되면 서버에 해당 국가가 적용되는 유일한 도시를 요청하고 도시 열의 filterData를 업데이트합니다.

이해된다? 내 영어에 대해 미안 해요.

답장을 보내 주셔서 감사합니다.

@kyleboyle 이러한 솔루션 중 어느 것도 나를 위해 작동하지 않으며(저는 필터링을 수행하지도 않습니다) 기본 데이터가 업데이트될 때 테이블이 업데이트되지 않는 열악한 코드 품질의 징후로 간주하고 있습니다. 어떤 Angular 테이블 솔루션으로 전환하셨습니까?

@BartoGabriel 나는 당신이하려는 일이 가능하다고 생각합니다. 나와 함께 일한 사람은 당신이 말한 것과 정확히 일치하는 자신의 필터 템플릿을 만들어 문제를 해결했습니다. 그는 다음 예제와 유사한 방식으로 select.html 템플릿을 재정의했습니다. http://codepen.io/christianacca/pen/xGeWGX?editors=101

더 많은 도움을 드리지 못해 죄송합니다. 시간이 촉박한 것뿐입니다!

오 BTW, 내가 언급한 사람, 그는 ui-select2 를 사용했습니다

@christianacca 도와주셔서 감사합니다. 매우 유용했습니다.
솔루션이 있으면 공유하겠습니다.

시원한 :-)

안녕하세요 여러분, 내 솔루션이 완전히 잘못되었거나 @kyleboyle 이 더 나은 대안입니까?

솔루션은 나를 위해 작동하지 않았다 @telwing,하지만 다시, 어느 쪽도 @kyleboyle의했다. 하지만 실제로 필터링을 하고 있지는 않습니다. 저는 $scope.users라는 배열에서 데이터를 정렬하고 있습니다. 해당 배열에서 요소를 제거하고 테이블 매개변수에서 reload()를 호출하면 아무 일도 일어나지 않습니다. 내가 기본적인 것을 놓치고 있지 않는 한 이와 같은 것이 그렇게 복잡하다는 것이 정말 놀랍습니다.

@developersatish.i도 tableParams 수를 설정하려고 시도했지만 내 getdata 함수는 페이지 로드 시에만 호출되는 반면 드롭다운 목록으로 데이터를 필터링하면 이 함수를 호출할 수 없습니다.

$scope.tableParams = 새로운 ngTableParams({
page: 1, // 첫 페이지 표시
count: 8, // 페이지당 카운트
정렬: {
LastSeen: 'desc' // 초기 정렬
},
필터: {
PatientName: '', // 초기 필터
},
}, {
필터 스위치: 참,
getData: 함수($defer, params) {
// 내장 각도 필터 사용
var FilteredData = params.filter() ?
$filter('filter')($scope.items, params.filter()) :
$scope.items;

        var orderedData = params.sorting() ?
                            $filter('orderBy')(filteredData, params.orderBy()) : filteredData;
        params.total(orderedData.length); // set total for recalc pagination
        $scope.tableParams.count(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));

        $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));



    }
});