Ng-table: 로딩 효과

+1, 이 기능도 원합니다.

+1

+1

+1

+1

데이터를 로드할 때 막히는 느낌이 듭니다. 해결 방법이 있습니까?

필터 딜레이를 말씀하시는건가요?

서버에서 데이터를 검색할 때 로딩 효과인 경우 getData() 함수를 호출할 때 로딩 부울 세트와 함께 ngAnimate 및 CSS를 사용할 수 있습니다.

settings.getData = function (params: ng.ngtable.ITableParams): ng.IPromise<Array<T>> {
                    self.isLoading = true;
                    return self.itemsFunction(self.specification).then((result: IGridItemWrapper<T>): Array<T> => {
                        self.setItems(result.Items);
                        self.isLoading = false;
                        params.total(result.Count);
                        return result.Items;
                    }).catch((error) => {
                        self.isLoading = false;
                    });
};

그런 다음 테이블에 CSS 클래스를 추가하십시오.

<table ng-table="plc.tableParams" ng-class="{'loading': plc.isLoading}">

그리고 CSS의 상대:

.loading-remove {
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}
.loading,
.loading-add.loading-add-active {
    opacity: 0.5;
    //animation: blinker 0.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
.loading-remove.loading-remove-active {
    opacity: 1;
}
<strong i="13">@keyframes</strong> blinker {  
    from { opacity: 1; }
    to { opacity: 0.5; }
}

더 이상 작동하지 않습니다.