Question Smart-Table "st-sort" ne fonctionne pas


J'utilise la v1.3.15 angulaire. Je vais chercher des données en appuyant sur un api et en le passant à travers la portée de la table intelligente comme ça

enter image description here

Voici le format de données de 'scope.rowCollection' tel qu'il est vu sur la console

enter image description here

Les données sont bien remplies, mais lorsque j'essaie de cliquer sur l'en-tête du tableau et de le trier en utilisant la méthode st-sort, les valeurs du tableau deviennent vides et ne trient pas la colonne. Voici une vue de mon extrait de code HTML

enter image description here

Pouvez-vous s'il vous plaît me dire ce que je fais exactement mal. Au moment où j'utilise mon propre ensemble de collecte de données (NON codé en dur), toutes les valeurs de la table deviennent détournées. J'ai le sentiment que cela a quelque chose à voir avec les noms de variables que j'utilise sur la fin angulaire. Toute aide est très appréciée, merci


12
2018-03-30 10:03


origine


Réponses:


Suite à votre commentaire Nikhil. Utilisation st-safe-src ainsi:

HTML

<table st-table="displayedCollection" st-safe-src="rowCollection">
      <thead>
        <tr>
          <th st-sort="firstName">First Name</th>
          <th st-sort="lastName">Last Name</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="row in displayedCollection">
          <td>{{row.firstName}}</td>
          <td>{{row.lastName}}</td>
        </tr>
      </tbody>
</table>

JS

app.controller('Ctrl', function($scope, service) {
    $scope.displayedCollection = [];

    service.all.then(function(list) {
        $scope.rowCollection = list;
        $scope.displayedCollection = list;
    });
});

C'est tout.


28
2018-05-19 20:55



Si vous apportez des données de manière asynchrone (à partir d'une base de données distante, d'un point de terminaison reposant, d'un appel ajax, etc.), vous devez utiliser l'attribut stSafeSrc. Vous devez utiliser une collection distincte pour les collections de base et les collections sûres ou vous pouvez vous retrouver avec une boucle infinie.

Depuis que je reçois des données de service reposant st-table = "shownCollection" st-safe-src = "rowCollection" résoudre mon problème


4
2017-07-06 20:28



Je pense qu'il essaie de trier row.name comme vous le codez. Essayez ce qui suit pour voir si cela fonctionne:

     st-sort="employee.name"

1
2018-03-31 20:19