Problema com TABS no AngularJS

[ThiagoLimah 0]

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: