Угловой ng-repeat для создания вкладок Foundation

Question

Мне сложно использовать ng-repeat с вкладками Foundation (http://foundation.zurb.com/).

Это отображает вкладки, как я ожидаю увидеть их, три в поперечном направлении, равномерно распределенные.

<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> 

При использовании нг-повтора для создания вкладок, как показано ниже, вкладки больше не сидеть бок о бок, но каждая вкладка занимает всю ширину, сложенные друг на друга.

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

Как визуализировать вкладки, когда они сгенерированы в ng-repeat?

Answer 1

Вы должны поместить нг-повтора на «дд»

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