角度ng-repeat以生成Foundation选项卡

Question

我很难在基金会（http://foundation.zurb.com/）标签上使用ng-repeat。

这会显示我希望看到它们的标签，三个平均间隔。

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

当我使用ng-repeat生成如下标签时，标签不再并排放置，但每个标签占据整个宽度，堆叠在彼此之上。

<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

您需要将ng-repeat放在“dd”

上

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