Wie kann ich eine Anzahl von Zeilen aus einer ng-repeat?

Ich habe eine Tabelle auf meiner web-Seite, der gefüllt ist mit Daten wie diesen:

<tr data-ng-repeat="row in grid.data | filter:isQuestionInRange">
   <td>{{ row.problemId }}</td>
</tr>

Gibt es eine Möglichkeit, dass ich die Anzahl der Zeilen in der Tabelle angezeigt Fußzeile. Beachten Sie, dass ich im Stande sein will, zeigen die Zeilen nach, die gefiltert wurden nicht nur die Zeilenanzahl, die aus dem raster.Daten-array.

  • Du meinst, die dies zeigen: '{{(grid.Daten | filter:isQuestionInRange).Länge}}'?
InformationsquelleAutor | 2013-11-13
  1. 14

    Sie könnten überprüfen Sie die Länge des gefilterten Arrays wie:

    {{ (grid.data | filter:isQuestionInRange).length }}
    • Ich bin versuchen, um eine dynamische html-Tabelle mit json-Antwort, die ich bekommen aus einer web-api, so dass ich nicht weiß, Anzahl der Spalten und Spaltennamen. In diesem Fall, was zu schreiben <td>{{ hier }}</td> ?? Dank
    InformationsquelleAutor OddEssay
  2. 22

    Können Sie speichern die Ergebnisse der filter und dann die Länge der, die, zum Beispiel mit results hier:

    <tr data-ng-repeat="row in results = (grid.data | filter:isQuestionInRange)">
   <td>{{ row.problemID }}</td>
</tr>
{{results.length}}

    Dies hat den performance-Vorteil, dass Sie nur benötigen, um führen Sie den filter einmal. Es ist auch nützlich für andere Situationen, in denen Sie beiden, gefilterten und ungefilterten Ergebnisse innerhalb Ihrer ng-repeat.

    • nette Antwort... results.length ist auch viel klarer zu Lesen als (grid.data | filter:isQuestionInRange).length
    • Beachten Sie, dass dieses setzt eine Eigenschaft, die Ergebnisse auf den aktuellen Bereich. Wenn es andere Richtlinien, die Bereiche erstellen, die oberhalb der Stelle, wo die Eigenschaft verwiesen wird, dann ist es möglicherweise nicht verfügbar sein, finden Sie unter plnkr.co/Bearbeiten/PGQ2DLI33jF43BLricUO?p=Album Vorhören
    • Ich bin versuchen, um eine dynamische html-Tabelle mit json-Antwort, die ich bekommen aus einer web-api, so dass ich nicht weiß, Anzahl der Spalten und Spaltennamen. In diesem Fall, was zu schreiben <td>{{ hier }}</td> ?? Dank
    InformationsquelleAutor KayakDave
  3. 0

    Ich empfehlen, dass Sie die $filter-service in Ihrem controller, wie gezeigt in dieses Beispiel plunk:

    $scope.evenNumbers = $filter('filter')($scope.numbers, $scope.isEven);

    In Ihrem Fall: 

    var $scope.filteredRows = $filter('filter')($scope.gridData, $scope.isQuestionInRange);

    Diese Weise brauchen Sie den Filter nur einmal und vermeiden Sie die Einführung neuer Bereich Felder in der Vorlage, das macht den code schwer zu testen und zu verstehen.

    Wiederholen Sie über filteredRows im template und {{ filteredRows.length }} gibt Sie die Anzahl der sichtbaren Zeilen.

    InformationsquelleAutor lex82
Schreibe einen Kommentar