Problema com TABS no AngularJS
Olá pessoal, tudo beleza? Seguinte, estou com um problema. Estou criando tabs com angular, porém o exemplo abaixo não está funcionando. Quando eu faço ele de forma estática, funciona perfeitamente. Quando eu associo um número estático à variável activeTab funciona normal, porém quando o valor vem do objeto categorie, nada acontece =(
Alguém sabe no que estou errando? Estou usando AngularJS 1.3.14.
<div role="tabpanel" data-activeTab="{{activeTab}}" ng-init="activeTab = categories[0].code">
<nav class="tabs tabs-categories">
<ul>
<li ng-repeat="categorie in categories" ng-class="{'active' : activeTab == categorie.code}">
<a href="javascript:;" ng-click="activeTab = categorie.code">
{{categorie.name}}
</a>
</li>
</ul>
</nav>
<div class="tabs-container">
<div ng-repeat="categorie in categories" class="tab-content" ng-show="activeTab == categorie.code">
<div class="entries row">
<p>Conteúdo da categoria {{categorie.name}}.</p>
</div>
</div>
</div>
</div>
Vlw :joia:
Discussão (0)
Carregando comentários...