Conjuntos multidimensionales AngularJS

Estoy buscando una manera de vincular los datos de una matriz tridimensional en el scope con mi vista …

Mi scope (versión corta) se ve así

$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' } ] } ] }]; 

En la vista, tengo un código que presenta con éxito lo que está en la primera y segunda dimensión de matriz ,, pero no puedo get valores de pubSubCatId o pubSubCatName

HTML + Vista angular

 <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> 

¿Cómo recuperaría datos de capas más profundas del scope? ¿AngularJS puede hacer esto?

El tercer ciclo debe estar nested dentro del segundo y usar

 subcategory in category.pubSubCat 
 <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>