angular.js - angularjs: Bagaimana untuk melaksanakan nesting dalam ng-repeat?

Question

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

slaid ialah tatasusunan dua dimensi Kod saya di atas akan melaporkan ralat: [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);
        */
    }
});

Bagaimana untuk melaksanakan sarang?

Answer 1

Jawapan lurus:

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

Error: [ngRepeat:dupes]Mesej ralat ini khusus untuk subjek soalan, bermakna terdapat lebih daripada 2 nombor yang sama dalam kumpulan indeks. ngRepeat tidak membenarkan dua objek dengan Id yang sama wujud dalam koleksi

Contohnya: item in items bersamaan dengan item in items track by $id(item) Ini menunjukkan bahawa elemen DOM akan dikaitkan dengan identiti item dalam tatasusunan.

Untuk objek berangka, idnya ialah nilainya sendiri Oleh itu, dua nombor yang sama tidak dibenarkan wujud dalam tatasusunan. Untuk mengelakkan ralat ini, anda perlu menentukan trek anda sendiri dengan ungkapan. Contohnya: item in items track by item.id atau item in items track by fnCustomId(item). Jika ia terlalu menyusahkan, hanya gunakan pembolehubah indeks gelung $index item in items track by $index

contoh rebab: http://jsfiddle.net/shiedman/PLV6G/

Answer 2

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