ng-repeat未知數量的嵌套元素

Question

我想知道是否有這種問題的簡單解決方案。

我有一個對象注釋，它可以包含注釋，這些注釋也可以包含注釋......這可以繼續進行未知數量的周期。

以下是數據結構的示例：

var comment = {
   text : "",
   comments: [
      { text: "", comments : []},
      { text: "", comments: [
         { text: "", comments : []},
         { text: "", comments : []}
         { text: "", comments : []}
      ]}
   ]
}

讓我們說，我會寫兩個級別的評論：

<div ng-repeat="comment in comments">
   {{comment.text}}
   <div ng-repeat="comment in comments">
      {{comment.text}}
   </div>
</div>

我如何為“n”級嵌套注釋實現我的div？

Answer 1

最簡單的方法是創建一個通用部分，以便您可以使用ng-include遞歸調用和呈現它。

<div ng-include="'partialComment.html'" ng-model="comments"></div>

這是部分：

<ul>
    <li ng-repeat="c in comments">
      {{c.text}}
      <div ng-switch on="c.comments.length > 0">
        <div ng-switch-when="true">
          <div ng-init="comments = c.comments;" ng-include="'partialComment.html'"></div>  
        </div>
      </div>
    </li>
</ul>

數據模型應該是列表var comments = [{ ... }] 。

我為你創建了一個演示，並希望它有所幫助。

演示

Answer 2

你需要一個遞歸指令。 事情是這樣 ，或者可能會更好這個 。