Foundation ( http://foundation.zurb.com/ ) タブで ng-repeat を使用するのに苦労しています。
これにより、期待どおりにタブが表示され、3 つの幅が均等に配置されます。
<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 で生成されたときにタブをレンダリングするにはどうすればよいですか?