possuo um array de objetos, que dentro dele tem outro array de objetos. Segue:`
$scope.menu = [{
titulo: 'Comercial',
submenus: [{ nome: 'Clientes', url: 'url/clientes' },{ nome: 'Proposta', url: 'url/proposta' }]
},
{
titulo: 'Frota',
submenus: [{ nome: 'Veiculos', url: 'url/veiculos' },{ nome: 'Ocupacao', url: 'url/ocupacao' }]
},
{
titulo: 'Logistica',
submenus: [{ nome: 'Agente de Serviço', url: 'url/agente' },{ nome: 'Proposta', url: 'url/propostaLogistica' }]
}
];
Para exibição destes itens, estou usando ng-repeat conforme abaixo:
<ul class="wraplist">
<li class="menu-cor-lateral" ng-repeat="item in menu">
<a href="javascript:;">
<i class="fa fa-sitemap"></i>
<span class="title">{{item.titulo}}</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu" ng-repeat="sub in item.submenus">
<li>
<a href="{{sub.url}}"><img src="assets/images/icon-submenu-shiftmc_1.png" />{{sub.nome}}</a>
</li>
</ul>
</li>
</ul>
Na view, só está exibindo 1 item de submenu, como se não fizesse o looping do segundo ng-repeat. É correto e funciona utilizar ng-repeat dentro de ng-repeat?