angulaire.js - angulairejs : Comment implémenter l'imbrication dans ng-repeat ?

Question

<p ng-repeat="links in slides">
    <p ng-repeat="link in links">{{link.name}}</p>
</p>

slides est un tableau à deux dimensions. Mon code ci-dessus signalera une erreur : [ngRepeat:dupes]

$http.get('index.php?option=com_mtree&task=ajax.load').success(function(response) {
    if(response.status) {
        $scope.links = response.links;

        if(typeof response.links != 'undefined') {
            var slides = [], slide;
            for(var i=0; i<response.links.length;) {
                slide = [];
                for(var c=0; c<3&&c<response.links.length; c++, i++) {
                    slide.push(response.links.indexOf(i));
                }
                slides.push(slide);
            }
            $scope.slides = slides;
        }

        /*
        setTimeout(function(){
            jQuery('.saved-list .slideshow').cycle('destroy');
            jQuery('.saved-list .slideshow').cycle();
        }, 0);
        */
    }
});

Comment mettre en œuvre le nesting ?

Answer 1

Réponse directe :

<p ng-repeat="links in slides">
    <p ng-repeat="link in links track by $index">{{link.name}}</p>
</p>

Error: [ngRepeat:dupes]Ce message d'erreur est spécifique au sujet de la question, c'est-à-dire qu'il y a plus de 2 nombres identiques dans le groupe d'index. ngRepeat ne permet pas à deux objets avec le même identifiant d'exister dans la collection

Par exemple : item in items est équivalent à item in items track by $id(item) Cela implique que les éléments DOM seront associés par identité d'élément dans le tableau.

Pour un objet numérique, son identifiant est sa propre valeur. Par conséquent, deux nombres identiques ne sont pas autorisés à exister dans le tableau. Afin d'éviter cette erreur, vous devez définir votre propre piste par expression. Par exemple : item in items track by item.id ou item in items track by fnCustomId(item). Si c'est trop gênant, utilisez simplement la variable d'index de la boucle $index item in items track by $index

exemple de violon : http://jsfiddle.net/shiedman/PLV6G/

Answer 2

http://jsfiddle.net/Nelson_Pan/bcPxe/1