如何在AngularJS部分中调试Javascript？

我正在使用AngularJS的

路由和多视图

功能，但在开发者工具的Chrome“Sources”选项卡中没有看到HTML部分文件（或嵌入的Javascript）

在我的index.html文件中，它包括AngularJS、jQuery和Bootstrap的所有标记，以及我的自定义应用程序/控制器Javascript文件。这些文件都显示在“源”选项卡中

我的应用程序工作正常。当我在页面上的链接之间单击时，会加载并显示部分HTML文件，这些文件会在“网络”选项卡中列出

---

问题是部分HTML文件不会出现在“源”选项卡中。如何调试这些部分文件中的Javascript？

看起来最接近调试器的是Angular团队，尤其是因为它

---

这意味着要添加更多的代码，但好处似乎大于成本。

为什么您的分区中有javascript？为什么没有？如果我有只适用于该部分HTML的代码，为什么不把它留在那里呢？（除了在“源”选项卡中查看代码时遇到的问题外。）我的目标是将HTML和相关代码放在同一个文件中。任何与DOM相关的代码都应该放在

链接

选项中的指令中。一般来说，视图中的逻辑是一个糟糕的设计范例，因为2变得耦合，更不用说现在很难测试范例了。有没有办法调试AngularJS部分HTML文件中的Javascript？