如何在 AngularJS 部分中调试 JavaScript？

Question

5

我正在使用AngularJS的“路由和多个视图”功能，但在Chrome开发者工具的“Sources”选项卡中找不到HTML部分文件（或嵌入式Javascript）。

在我的index.html文件中，它包括了所有AngularJS、jQuery和Bootstrap的标签以及我的自定义应用程序/控制器Javascript文件。这些文件都出现在Sources选项卡中。

我的应用程序运行正常。当我点击页面上的链接时，部分HTML文件会被加载和显示，并且这些文件会在Network选项卡中列出。

问题是部分HTML文件未出现在Sources选项卡中。如何调试这些部分文件中的Javascript代码？

- Brent Washburne

你的局部视图中为什么要有JavaScript？ - Mike Quinlan

为什么不呢？如果我有一段只适用于该部分HTML的代码，为什么不把它留在那里呢？（除了在源代码选项卡中查看代码时可能遇到的问题之外）。我的目标是将HTML和相关代码放在同一个文件中。 - Brent Washburne

任何与您的DOM相关的代码都应该放在指令中的“link”选项中。通常，视图内部的逻辑是一种不良的设计范例，因为两者变得耦合，并且很难进行测试。 - Mike Quinlan

1

暂且不考虑编程范式，是否有一种方法可以在AngularJS部分HTML文件中调试Javascript？ - Brent Washburne

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Brent Washburne · Answer 1

看起来最接近调试器的东西是 Angular 团队的 Zone.js，特别是因为它将来会直接内置于 AngularJS 中。

这意味着需要添加一些额外的代码，但收益似乎大于成本。