[解決済み] AngularJSのng-repeatでhtml要素がない場合

質問

私は現在、リストを表示するためにこのコード片を使用しています。

<ul ng-cloak>
    <div ng-repeat="n in list">
        <li><a href="{{ n[1] }}">{{ n[0] }}</a></li>
        <li class="divider"></i>
    </div>
    <li>Additional item</li> 
</ul>

しかし <div> 要素が、一部のブラウザで非常に小さなレンダリング不良を引き起こしています。 div コンテナなしで ng-repeat を行う方法、または同じ効果を得るための代替方法があるのか知りたいです。

どのように解決するのですか？

Andy Joslin がコメントベースの ng-repeats に取り組んでいると言っていたとおりです。 に取り組んでいましたが、どうやらブラウザの問題が多すぎて . 幸いなことに、AngularJS 1.2では新しいディレクティブによって子要素を追加せずに繰り返しを行うためのサポートが組み込まれています。 ng-repeat-start と ng-repeat-end .

以下は ブートストラップページネーション :

<ul class="pagination">
  <li>
    <a href="#">&laquo;</a>
  </li>
  <li ng-repeat-start="page in [1,2,3,4,5,6]"><a href="#">{{page}}</a></li>
  <li ng-repeat-end class="divider"></li>
  <li>
    <a href="#">&raquo;</a>
  </li>
</ul>

完全な動作例は以下の通りです。 はこちら .

また、John Lindquistは のビデオチュートリアルがあります。 .