角NG-重複，元件

Question

在我的源代碼以外的內容，我有以下HTML塊：

<h3> Players </h3> 
    <table class="popup-winloss-table"> 
     <tbody > 
      <tr ng-repeat="player in focusedTeamMembers"> 
       sample text 
       {{player}} 
      </tr> 
     </tbody> 
    </table> 

目前，focusedTeamMembers有3個要素。

然而，后角是通過它，下面的代碼是由我的瀏覽器顯示：

<h3> Players </h3> 
sample text 
<table class="popup-winloss-table"> 
    <tbody> 
     <!-- ngRepeat: player in focusedTeamMembers --> 
     <tr ng-repeat="player in focusedTeamMembers" class="ng-scope"></tr> 
     <!-- end ngRepeat: player in focusedTeamMembers --> 
     <tr ng-repeat="player in focusedTeamMembers" class="ng-scope"></tr> 
     <!-- end ngRepeat: player in focusedTeamMembers --> 
     <tr ng-repeat="player in focusedTeamMembers" class="ng-scope"></tr> 
     <!-- end ngRepeat: player in focusedTeamMembers --> 
    </tbody> 
</table> 

任何人都可以解釋爲什麼「示例文本」正顯示標有「NG-元素之外重複「，以及如何使它在<tr>元素內？附加信息：如果放在{{this.focusedTeamMembers}}中的「ng-repeat」元素中，則會顯示該對象的JSON，所以我相當確定問題不在變量不存在或沒有定義。

Answer 1

這可能是瀏覽器的錯，而不是Angular的。您提供了無效標記，因爲在<tr>內有效的唯一元素是<td>或<th>。還有其他任何東西，比如你的示例文本，都會被瀏覽器移動到表外，試圖幫助你，並糾正你的無效標記。

如果你只是在一個單一的<td>現在加入，這應該是足夠的上手：

<h3> Players </h3> 
<table class="popup-winloss-table"> 
    <tbody > 
     <tr ng-repeat="player in focusedTeamMembers"> 
      <td> 
       sample text 
       {{player}} 
      </td> 
     </tr> 
    </tbody> 
</table>