angularjs: ng-lặp-bắt đầu và ng-lặp-end với nội ng-repeat

Question

Hi Tôi có một trường hợp sử dụng đơn giản cho ng-lặp-bắt đầu và kết thúc và đang làm việc tốt, vấn đề xuất hiện khi tôi muốn thêm một ng-lặp lại bên trong. Đây là mã của tôi

<tr ng-repeat-start="obj in rows" > 
    <td ng-repeat="e in obj.row">{{e}}</td> 
</tr> 
<tr ng-repeat-end> 
    <td colspan="4">{{obj.description}}</td> 
<tr> 

Các nội ng-repeat vào yếu tố td không hoạt động, tôi nhìn thấy những nhận xét ngRepeat khi tôi kiểm tra mã nguồn html, nhưng các yếu tố td không được tạo ra.

<!-- ngRepeat: e in obj.row --> 

workaround xấu xí của tôi (cho rằng tôi biết kích thước của vector đó) là:

<tr ng-repeat-start="obj in rows" > 
    <td>{{obj.row[0]}}</td> 
    <td>{{obj.row[1]}}</td> 
    <td>{{obj.row[2]}}</td> 
    <td>{{obj.row[3]}}</td> 
</tr> 
<tr ng-repeat-end> 
    <td colspan="4">{{obj.description}}</td> 
<tr> 

Answer 1

tôi không chắc chắn cho dù bạn đang sử dụng góc 1.1.6 hay không kể từ ng-repeat-start và ng-repeat-end không có sẵn trong 1.1.5 hoặc 1.0.7 được nêu ra.

Tuy nhiên, bạn không thực sự phải sử dụng các chỉ thị mới để đạt được điều đó. Bạn chỉ có thể thực hiện nó như thế này cho ngay bây giờ:

<table> 
    <tbody ng-repeat="obj in rows"> 
     <tr ng-repeat="e in obj.row"> 
      <td>{{e}}</td> 
     </tr> 
     <tr> 
      <td colspan="4">{{obj.description}}</td> 
     <tr> 
    </tbody> 
</table> 

Bạn có thể sử dụng ng-repeat-start và ng-repeat-end reimplement nó khi AngularJS 1.1.6 phiên bản chính thức được phát hành.

Demo

Answer 2

Bạn sẽ có thể sử dụng lặp đi lặp lại chỉ số dựa trên để bỏ qua rằng:

<tr ng-repeat-start="obj in rows" > 
    <td ng-repeat="e in obj.row">{{obj.row[$index]}}</td> 
</tr> 
<tr ng-repeat-end> 
<!-- ... --> 

Answer 3

Tôi nghĩ rằng nó có thể là một cái gì đó sai với cấu trúc dữ liệu của bạn. Sử dụng góc 1.2.1 làm việc này cho tôi

<div ng-app="myApp" ng-controller="myCtrl"> 
    <div class="h" ng-repeat-start="val in data">{{val.title}}</div> 
    <div ng-repeat="con in val.content"> 
     {{con}} 
    </div> 
    <div class="b" ng-repeat-end>footer</div> 
</div> 

Xem jsFiddle