1

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 で生成されたときにタブをレンダリングするにはどうすればよいですか?

4

1 に答える 1

4

「dd」にng-repeatを置く必要があります

<dl class="tabs three-up">
  <dd ng-repeat="foo in foos"><a href="#/foos/{{foo.id}}">{{foo.name}}</a></dd>
</dl>
于 2013-01-30T17:44:19.467 に答える