ng重复次数太多

ng-repeat repeats too often

本文关键字：太多 ng      更新时间：2023-09-26

最近，我开始研究angular.js。我现在已经设法将其集成到rails应用程序中，但angular并没有正常工作
这意味着，它过于频繁地重复一个对象。比方说，我有一个有2个json的数组，我想重复每一个json注释。当我有2个json时，我会得到每一个注释两次，如果我有3个，我会获得每一个评论三次。这是代码：

var logbookApp = angular.module("logbookApp",[]);
logbookApp.controller("LogbookCtrl", function($scope){
    $scope.entries = [
        {comment: "One"},
        {comment: "Two"},
        {comment: "Three"}
    ];
});

这是标记：

  <html ng-app="logbookApp">
  <body ng-controller="LogbookCtrl">
   <div class="view-container">
    <div ng-view class="view-frame"></div>
    <ul>
       <li ng-repeat="entry in entries">
           {{entry.comment}}
       </li>
    </ul>
    <%= yield %>
  </div>
 </body>
</html>

我的错误在哪里？

由于这似乎已经解决了问题，为了将来遇到这个问题的人的利益，我将添加一个完整的答案：

当角度库被包括不止一次时，ng-repeat可以创建多余的重复项。根据我的简短测试，我预计会有n^a项目显示为重复中预期的n项，以及页面中包含的角度的a版本。

我想这是由于第一个角度包含正确地处理了初始元素上的ng-repeat指令。随后的内含物会重新处理指令，该指令仍然存在于每个重复项目中。

相关文章：