Angulaire ng-repeat pour générer des onglets Foundation

Question

J'ai du mal à utiliser ng-repeat avec les onglets Foundation (http://foundation.zurb.com/).

Ceci affiche des onglets comme je m'attends à les voir, trois à travers, espacés uniformément.

<dl class="tabs three-up"> 
    <dd class="active"><a href="#a">A</a></dd> 
    <dd class="active"><a href="#a">A</a></dd> 
    <dd class="active"><a href="#a">A</a></dd> 
</dl> 

Lors de l'utilisation ng-répétition pour générer les onglets comme ci-dessous, les pattes ne plus rester côte à côte, mais chaque languette prend toute la largeur, empilées les unes sur les autres. Comment puis-je rendre les onglets quand ils sont générés dans ng-repeat?

<dl ng-repeat="foo in foos" class="tabs three-up"> 
    <dd><a href="#/foos/{{foo.id}}">{{foo.name}}</a></dd> 
</dl> 

Answer 1

Vous devez mettre le ng répétition sur le "dd"

<dl class="tabs three-up"> 
    <dd ng-repeat="foo in foos"><a href="#/foos/{{foo.id}}">{{foo.name}}</a></dd> 
</dl>