angular.js - angularjs: ng-repeat 如何实现嵌套？

Question

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

slides是一个二维数组，我以上的代码会报错Error: [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);
        */
    }
});

请问如何实现嵌套？

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