草庐IT

javascript - 调试 Angular 的摘要周期 : How to find the cause of an infinite loop?

coder 2024-05-16 原文

我目前正在编写一些带有延迟加载内容 + Controller 的代码。我的代码基本上像 this fiddle 一样工作.但是，出于某种原因，我的版本不起作用，而是我得到 an infinite digest cycle每当 angular 尝试更新它的 View 时。

当我从这个简单的重复语句中删除 ng-include 时，问题就消失了:

<div class="container" ng-repeat="pageName in pageNames">
  <div ng-include="pageName"></div>
</div>

最奇怪的部分:即使从未将 pageNames 分配给范围，也会发生 完全相同的错误。两个范围(外部和内部 Controller 的范围 - 我都有一个)可以完全为空(我检查了 Batarang - 我只有两个空范围)，但我仍然得到错误。

我的代码有点复杂，其他依赖太多，所以贴在这里没有意义。它最纯粹的版本是上面的 fiddle 。我找不到两者之间逻辑上的区别。当我用 Batarang 检查我的示波器时，我也没有看到任何可疑的东西:

  • 我没有在我的范围内使用函数
  • 我没有使用$watch
  • 我没有使用ng-model

我的结论是我没有明确地改变任何东西，所以它一定是在 angular 的幕后。

我能否以某种方式让 Angular 或 Batarang 告诉我哪些范围变量在摘要迭代后发生了变化，这样我就可以找出导致无限循环的罪魁祸首？

更新:

我终于发现 history.pushState 把一切都搞砸了。我现在正在研究替代方案，例如 $location 服务。尽管如此，我仍然想知道一般如何调试此类问题。有什么提示吗？

最佳答案

没有直接的方法来获取在每个摘要中更改的范围变量的列表，但是如果您处于紧急调试情况，修改 Angular 的源代码来(临时)这样做真的很简单。 $摘要代码在这里:

angular.js > src > ng > rootScope.js

如果查看此方法，您会看到对 watchLog 数组的引用。当 AngularJS 检测到像您一样的循环时，它会使用它来报告有用的错误消息。您可以轻松地在此处添加一些 console.log 项，或者维护您自己的数组，您可以稍后记录或使用调试器检查。你也可以在这里设置断点，看看发生了什么。

我不清楚为什么 history.pushState() 与此有任何关系，因为您最初的问题没有谈论 $location、history 或相关函数的使用。但是，请注意，当路径不是您所期望的时，ngInclude 会创建无限循环是一个非常常见的问题。大量服务器端(例如 NodeJS)项目被配置为在未找到资源时返回主页/索引页面，因为它们假设正在进行前端路由。这实际上是一个大问题，因为您最终将主页嵌入到主页中，然后又嵌入了另一个副本，等等。我在 S/O 上每周看到一次此类问题。

对此的一个简单测试是更改您的服务器以针对未找到的任何资源返回一个空的 404。每当有人提到“无限循环”和任何类型的 Assets 加载操作时，我总是推荐这样做:ui-router、ngRoute、ngInclude 等。

这在路径中使用相对 URL 时尤其常见。

关于javascript - 调试 Angular 的摘要周期 : How to find the cause of an infinite loop?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23779295/

javascriptinfinite205Cn3Bangularjsangularjs-ng-repeatangularjs-ng-include

有关javascript - 调试 Angular 的摘要周期 : How to find the cause of an infinite loop?的更多相关文章

  1. ruby-on-rails - 无法让 rspec、spork 和调试器正常运行 - 2

    GivenIamadumbprogrammerandIamusingrspecandIamusingsporkandIwanttodebug...mmm...let'ssaaay,aspecforPhone.那么，我应该把“require'ruby-debug'”行放在哪里，以便在phone_spec.rb的特定点停止处理？(我所要求的只是一个大而粗的箭头，即使是一个有挑战性的程序员也能看到:-3)我已经尝试了很多位置，除非我没有正确测试它们，否则会发生一些奇怪的事情:在spec_helper.rb中的以下位置:require'rubygems'require'spork'

  2. ruby - JetBrains RubyMine 3.2.4 调试器不工作 - 2

    使用Ruby1.9.2运行IDE提示说需要gemruby​​-debug-base19x并提供安装它。但是，在尝试安装它时会显示消息Failedtoinstallgems.Followinggemswerenotinstalled:C:/ProgramFiles(x86)/JetBrains/RubyMine3.2.4/rb/gems/ruby-debug-base19x-0.11.30.pre2.gem:Errorinstallingruby-debug-base19x-0.11.30.pre2.gem:The'linecache19'nativegemrequiresinstall

  3. ruby-on-rails - 如何调试 cucumber 测试？ - 2

    我有:When/^(?:|I)follow"([^"]*)"(?:within"([^"]*)")?$/do|link,selector|with_scope(selector)doclick_link(link)endend我打电话的地方:Background:GivenIamanexistingadminuserWhenIfollow"CLIENTS"我的HTML是这样的:CLIENTS我一直收到这个错误:.F-.F--U-----U(::)failedsteps(::)nolinkwithtitle,idortext'CLIENTS'found(Capybara::Element

  4. ruby - Ruby 是否有类似于 Perl 的 "perl -d"的逐步调试器？ - 2

    Ruby是否有逐步调试器，类似于Perl的“perl-d”？ 最佳答案 ruby-debug(对于ruby1.8)，debugger(对于ruby1.9)，byebug(对于ruby​​2.0)以及trepanning系列都有一个-x或--trace选项。在调试器内部，命令setlinetrace将打开或关闭线路跟踪。这是themanualforruby-debug原来的答案已经修改，因为数据噪声文章的链接，唉，不再有效了。还添加了ruby​​-debug的后继者 关于ruby-Ruby

  5. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  6. ruby - HTTParty 摘要认证 - 2

    谁能提供一个使用HTTParty和digestauth的例子？我在网上找不到例子，希望有人能提供一些帮助。谢谢。 最佳答案 您可以在定义类时使用digest_auth方法设置用户名和密码classFooincludeHTTPartydigest_auth'username','password'end 关于ruby-HTTParty摘要认证，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questi

  7. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

  8. Simulink方法总结和避坑指南（一）——Simulink入门与基本调试方法 - 2

    文章目录一、项目场景二、基本模块原理与调试方法分析——信源部分：三、信号处理部分和显示部分：四、基本的通信链路搭建：四、特殊模块：interpretedMATLABfunction：五、总结和坑点提醒一、项目场景  最近一个任务是使用simulink搭建一个MIMO串扰消除的链路，并用实际收到的数据进行测试，在搭建的过程中也遇到了不少的问题（当然这比vivado里面的debug好不知道多少倍）。准备趁着这个机会，先以一个很基本的通信链路对simulink基础和相关的debug方法进行总结。  在本篇中，主要记录simulink的基本原理和基本的SISO通信传输链路（QPSK方式），计划在下篇记

  9. ruby-on-rails - 使用 Pow 作为服务器在 RubyMine 中调试 - Ruby 2.1.1 + Rails 4 - 2

    我已经开始使用RubyMine6。我正在处理Rails4、Ruby2.1.1项目。我无法找到如何使用Pow作为服务器调试到RubyMine。你能给我指明正确的方向吗？ 最佳答案 我能够使用远程调试从RubyMine进行调试。我正在使用RubyMine6、Rails3、Ruby2.1.1。首先创建一个.powenv文件并添加:exportRUBY_DEBUG_PORT=1234exportPOW_WORKERS=1将以下gem添加到您的Gemfile:gem'ruby-debug-ide'gem'debase'创建一个新的初始化器st

  10. ruby-on-rails - 放置调试语句 - 2

    当我编写代码时，我非常频繁地使用“puts”语句进行调试。它允许我查看服务器中发生的情况。在调试代码的时候，不知道是什么原因，我把这些“puts”语句去掉了。这是个好主意还是我应该保留它们以使我的服务器日志更加清晰？ 最佳答案 您应该使用记录器而不是puts。使用这种语句:Rails.logger.debug"DEBUG:#{self.inspect}#{caller(0).first}"ifRails.logger.debug?如果您想(几乎)实时查看调试，只需在另一个终端窗口中使用tail命令:tail-Flog/develop

随机推荐