2016-05-25 5 views
1

Ich muss die Benutzeroberfläche für einen Leshan Client ändern. Zur Zeit wie es eingerichtet ist, zeigt es jede Instanz des Clients im Browser an. Wie kann ich nur 10 Clients anzeigen lassen, obwohl ich immer noch Hunderte erstellen werde? Ich habe versucht, den unten stehenden Code für ng repeat und ng click zu ändern, aber die einzige Sache, die sich ändert, ist, dass ich keine Clients mehr anzeigen kann.wie make ng wiederholen nur 10 mal laufen

<tbody> 
     <tr ng-repeat="client in clients" ng-click="showClient(client)"> 
      <td><a ng-href="#/clients/{{client.endpoint}}"> <strong>{{client.endpoint}}</strong></a> </td> 
      <td>{{client.registrationId}}</td> 
      <td>{{client.registrationDate | date:'medium'}}</td> 
      <td>{{client.lastUpdate | date:'medium'}}</td> 
      <td><i class="glyphicon glyphicon-info-sign" tooltip-html-unsafe="{{clientTooltip(client)}}"></i></td> 
      <td><span ng-class="{hidden: client.secure == false}" class="glyphicon glyphicon-lock" tooltip-html-unsafe="Communication over DTLS"></span></td> 
     </tr> 
    </tbody> 
+0

try 'limitTo' anzeigen möchten - http: //stackoverflow.com/questions/17643361/ngrepeat-limiting-number-of-displayed-results –

+0

Es hat funktioniert. Vielen Dank! – James

Antwort

0
<tbody> 
     <tr ng-repeat="client in clients | limitTo:10" ng-click="showClient(client)"> 
      <td><a ng-href="#/clients/{{client.endpoint}}"> <strong>{{client.endpoint}}</strong></a> </td> 
      <td>{{client.registrationId}}</td> 
      <td>{{client.registrationDate | date:'medium'}}</td> 
      <td>{{client.lastUpdate | date:'medium'}}</td> 
      <td><i class="glyphicon glyphicon-info-sign" tooltip-html-unsafe="{{clientTooltip(client)}}"></i></td> 
      <td><span ng-class="{hidden: client.secure == false}" class="glyphicon glyphicon-lock" tooltip-html-unsafe="Communication over DTLS"></span></td> 
     </tr> 
    </tbody> 
0

Verwendung ng-wenn

<div ng-repeat="i in values"> 
    <div ng-if="i < 3">Hello</div> 
</div> 

working example

oder eine auxiliar Variable verwenden nur die Ergebnisse, die Sie

Verwandte Themen