Directive angulaire avec ng-repeat, ng-show "Afficher plus" et charge différée

- Je utiliser cette directive, une itération sur un tableau "myArr", le filtrage de quelques conditions.

<myDirective 
    myData='item' 
    ng-repeat="item in filteredArr = (myArr | filter:searchField | filter:checkboxFilter)" 
    ng-show="$index < visible" 
/>

Cela me donne deux questions que je voudrais obtenir des commentaires sur l':

a) la ng-show partie est là parce que j'ai une condition qui gère ce:

<p>
    <a ng-click='visible=visible+10' ng-show='visible < filteredArr.length'>Show more</a>
</p>

afin d'afficher ou de masquer le "plus" de la partie. Je ne peut pas venir avec une idée sur ce basculement et/ou les articles lui-même. $champ d'application.visible est, à l'intérieur du contrôleur, à 10, une fois que nous commençons. Je ne pouvais pas utiliser limitTo comme il ne me donne pas la possibilité de déterminer s'il y a plus de montrer ou ne pas montrer, que, bien sûr, "les côtelettes" le tableau à la limite définie.

b) à l'Intérieur de la directive, le modèle affiche un

<img ng-src="...">

tag. Comment puis-je empêcher ces images à charge tant qu'ils ne sont pas affichés dans la structure ci-dessus?

Merci beaucoup d'avance!

source d'informationauteur chrney_p

Utilisation ng-if au lieu de ng-show.

Contrairement à ng-showfalsey ng-if supprime l'élément du DOM.

EDIT:

Aussi, vous pouvez, en fait, utiliser limitTo filtre, ce qui rendrait votre code beaucoup plus propre:

<div ng-init="limit = 2">
  <foo ng-repeat="item in items | limitTo: limit as results"></foo>
</div>
<button ng-hide="results.length === items.length" 
        ng-click="limit = limit +2">show more...</button>

plunker

Vous devez vous connecter pour publier un commentaire.