Ng-table: effet de chargement

+1, je veux aussi cette fonctionnalité.

+1

+1

+1

+1

Je me sens bloqué lors du chargement des données, y a-t-il une solution ?

Parlez-vous du délai de filtrage ?

S'il ne s'agit que d'un effet de chargement lors de la récupération des données du serveur, vous pouvez utiliser ngAnimate et css avec un ensemble booléen de chargement lorsque vous appelez la fonction getData() :

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;
                    });
};

Et puis ajoutez une classe css sur la table :

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

et son relatif en 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; }
}

Ne travaille plus.