ng-repeat số lượng chưa biết của các phần tử lồng nhau

Question

Tôi tự hỏi nếu có một giải pháp đơn giản cho loại vấn đề này.

Tôi có một chú thích đối tượng, lần lượt có thể chứa nhận xét và những nhận xét đó cũng có thể chứa nhận xét ... và điều này có thể tiếp tục cho một số chu kỳ không xác định.

Dưới đây là một ví dụ về cấu trúc dữ liệu:

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

Hãy nói cho 2 cấp độ của ý kiến ​​tôi sẽ viết:

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

Làm thế nào tôi sẽ implent divs tôi cho mức độ "n" của nhận xét lồng nhau?

Answer 1

Cách dễ nhất là tạo một phần chung để bạn có thể gọi đệ quy và hiển thị nó bằng cách sử dụng ng-include.

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

Đây là một phần:

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

Các mô hình dữ liệu phải là một danh sách var comments = [{ ... }].

Tôi đã tạo bản trình diễn cho bạn và hy vọng nó sẽ giúp ích.

Demo

Answer 2

Bạn cần một chỉ thị đệ quy. Một cái gì đó như this, hoặc có lẽ tốt hơn this.