AngularJS tableaux multidimensionnels

Je suis à la recherche d'un moyen de lier des données à partir de trois dimensions tableau dans le champ avec mon point de vue..

Ma portée (version courte) ressemble à ceci

$scope.publicationData = [ 
    { pubId:'1' , pubName:'Level 1 A' , pubCat:[
        { pubCatId:'1' , pubCatName:'Level 2 A', pubSubCat:[ 
            { pubSubCatId:'1' , pubSubCatName:'Level 3 A' }, 
            { pubSubCatId:'2' , pubSubCatName:'Level 3 B' }
            ]
        },
        { pubCatId:'2' , pubCatName:'Level 2 B', pubSubCat:[
            { pubSubCatId:'3' , pubSubCatName:'Level 3 C' },
            { pubSubCatId:'4' , pubSubCatName:'Level 3 D' }
            ]
        }
        ]
    }];

Dans la vue j'ai le code qui présente avec succès ce qui est dans la première et la deuxième dimension de la matrice, mais je ne peux pas obtenir les valeurs de pubSubCatId ou pubSubCatName

HTML + Angulaire Vue

<div ng-controller="myPublictionCtrl">

<div ng-repeat="publication in publicationData">

    <ul>
        <li >
                            <!-- This works -->
            {{publication.pubId}}. {{publication.pubName}}
        </li>
    </ul>

    <ul>
                    <!-- This works -->

        <li ng-repeat="category in publication.pubCat">
            {{category.pubCatId}}. {{category.pubCatName}}
        </li>

    </ul>

    <ul>
                    <!-- This doesn't work -->

        <li ng-repeat="subcategory in publication.pubCat.pubSubCat">
            {{subcategory.pubSubCatName}}
        </li>
    </ul>
</div>
</div>

Comment puis-je récupérer des données à partir des couches plus profondes de la portée. Peut AngularJS faire cela?

Ce n'est pas bon publication.pubCat.pubSubCat... pubCat est un tableau.
Comment vous voulez le présenter? Vous pouvez utiliser imbriquée ng-répète, si vous voulez.
Je ne veux pas vraiment une imbriqués présentation... mais c'est peut être la seule façon que je peux le faire..

OriginalL'auteur GRowing | 2013-11-11

  1. 10

    La troisième boucle doit être imbriquées à l'intérieur de la seconde, et l'utilisation

    subcategory in category.pubSubCat
    Oh Merci! J'ai d'abord utilisé la catégorie.pubSubCat et je ne pouvais pas le faire pour afficher les données de sorte qu'il m'a jeté et j'ai commencé à faire illogique choses.. j'ai fini par avoir la nidification de la question. Merci.

    OriginalL'auteur JB Nizet

  2. 2
    <div ng-controller="myPublictionCtrl">
        <div ng-repeat="publication in publicationData">
            <ul>
                <li style="text-align:left">                       
                    {{publication.pubId}}. {{publication.pubName}}
                </li>
            </ul>
            <ul>
                <li ng-repeat="category in publication.pubCat" style="text-    align:left">{{category.pubCatId}}. {{category.pubCatName}}               
                <ul> 
                <li ng-repeat="subcategory in category.pubSubCat" style="text-align:left">{{category.pubCatId}}.{{subcategory.pubSubCatId}}.     {{subcategory.pubSubCatName}}
                </li>
                </li>
                </ul>
            </ul>
        </div>
    </div>
    Ce serait super si vous pouviez ajouter une petite explication de votre code.

    OriginalL'auteur Sumanth