So ändern Sie die Anzahl der Zeilen mit einer st-Vorlage

Question

Ich habe eine st-Vorlage erstellt, die bestimmte Seitenumbruchfunktionen enthält.

Hier ist mein das div, die die st-Vorlage ruft:

<div st-pagination="" st-items-by-page="itemsPerPage" st-displayed-pages="7" st-template="dashboard-pagination.html"></div> 

Innerhalb dieser Paginierung wir eine Drop-Down-Taste /, wo der Benutzer die Anzahl der Zeilen auswählen können in der Tabelle anzuzeigen.

<ul aria-activedescendant="" 
      class="" 
      role="menu" 
      tabindex="0" 
     > 
      <li class="" ng-repeat="page in pages"> 
       <input 
        id="items-per-page-{{page * 10}}" 
        name="items-per-page-options" 
        type="radio" 
        value="" 
        role="menuitemradio" 
        aria-checked="true" 
        checked 
        ng-model="itemsPerPage" 
       > 
       <label for="items-per-page-{{page * 10}}"> 
        <span class=""></span> {{ page * 10 }} 
       </label> 
      </li> 
     </ul> 

So 'ItemsPerPage' Updates in der Vorlage erreicht aber nicht das, was in einer anderen HTML-Datei ist.

Ich habe nach einer Antwort für ein paar Stunden gesucht und habe nicht wirklich eine gefunden. Dies ist meine erste Erfahrung bei der Arbeit mit Smart-Table und angularJS, so dass ich möglicherweise nicht die richtigen Schlüsselwörter verwende.

Jede Hilfe wäre willkommen.

Answer 1

Ich landete schließlich die Elemente pro Seite HTML aus der Vorlage in die Datentabelle HTML-Datei. Ich habe ein Array von statischen Werten erstellt, das die Anzahl der anzuzeigenden Zeilen angibt ['10', '20', '30', '40', '50']. Sobald der Benutzer einen auswählt, sende ich das ng-Modell itemPerPage ein und die Elemente werden auf diese Auswahl aktualisiert.

Der Grund, warum es in der Vorlage nicht funktionierte, war wegen der ng-Wiederholung erstellt ein Kind Bereich, so dass, wenn ich ng-Modell verwendet wurde es nicht den ursprünglichen Bereich ändern.