angulaire.js - La même méthode dans angulairejs, comment rendre le déclencheur valide uniquement pour l'élément actuel.

Question

Les trois parties de la grande image sont lues depuis l'arrière-plan puis liées à l'aide de ng-repeat. La fonction à implémenter est de cliquer sur la petite marque de coin sur le. à l'extrême droite de chaque partie, la partie actuelle peut être développée ou réduite, mais grâce à ng-rep. manger, même le nom de la méthode et ng-show='myVar' sont les mêmes, ce qui entraînera le rétrécissement ou l'agrandissement de la zone entière lorsque vous cliquez sur n'importe quelle icône de coin
Ce code ; nécessite ng- Le code de base de répétition n'a pas encore été modifié,

$scope.myVar=false;
$scope.toggle=function(){
    this.myVar=!this.myVar;
}

Answer 1

Je pense que vous devriez ajouter track by $index lors de ng-repeat et transmettre $index dans toggle(). Déclarez un tableau myVar avec la même longueur que la longueur que vous devez répéter. Définissez les valeurs du tableau sur true et utilisez ng-if="myVar[$index]" pour les afficher au début.
Lorsque vous cliquez sur le bouton développer et réduire, toggle($index) inverse simplement la valeur de la position correspondante dans le tableau.

Answer 2

Parce que vous n'avez pas encore utilisé ng-repeat, cela ne fonctionne pas. Si vous passez à ng-repeat, tout ira bien
De plus, vous n'avez pas besoin d'écrire une bascule, juste. ng-click="maVar=!maVar"