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: