Kann ich Argumente im HTML-Tag meines benutzerdefinierten eckigen Elements übergeben?

Question

Ich benutze Winkel 1, ich habe eine Direktive, die als ein Element namens "Speicher" zurückgegeben wird. Also wird das Speicherelement ng-repeat durch jedes Objekt in einem Array von json, das ich verwende, um alle meine Produkte zu speichern.

Dies funktioniert gut auf einer meiner Seiten, wo ich eckig durch alle Objekte wiederholen möchte. Auf einer anderen Seite möchte ich zwar die gleichen Informationen zeigen, aber nur bestimmte Produkte zeigen. Zum Beispiel, wenn der Schlüsselwert für das Feature auf "True" gesetzt ist.

Gibt es in meinem Tag eine Möglichkeit, Argumente zu übergeben, die angeben, dass ich nur die ersten beiden Elemente im Array anzeigen oder nur anzeigen möchte, wenn sie einem bestimmten Schlüsselwert entsprechen?

Answer 1

Sie filters in Ihren ng-repeat Direktive verwenden:

<div class="list-group"> 
    <div class="list-group-item" ng-repeat="product in store.products | query:feature | limitTo:5"> 
    <h3>{{product.name}} <em class="pull-right">{{product.price | currency}} Spaces left: {{product.spots}}</em></h3> 
    </div> 
</div> 

Sie können auch Argumente zu Ihren benutzerdefinierten Richtlinien übergeben. Wo Sie Ihre Richtlinie definieren, können Sie schreiben:

return { 
     restrict: 'EA', 
     scope: { 
      max: '=', 
     }, 
     ... 
     template: ' 
     <div class="list-group"> 
      <div class="list-group-item" ng-repeat="product in store.products | query:feature | limitTo:max"> 
      <h3>{{product.name}} <em class="pull-right">{{product.price | currency}} Spaces left: {{product.spots}}</em></h3> 
      </div> 
     </div>' 
     }; 

Und jetzt können Sie schreiben:

<store max="5" /> 

Dadurch werden die ersten 5 Elemente im Array iterieren und sie nur angezeigt, wenn feature wahr ist.