angularjs - 调试 Angular 绑定

Question

我刚从 angular.js version 2 开始。（这么多年后仍在使用 jQuery :-)）还有很多东西要学。

一件特别困扰我的事情：如何调试 DOM 中的绑定问题。例如，如果我绑定点击事件并出错：

如果不是：

<... (click)="onClick()" ...>

我写的：

<... (click)="ThisFunctionCallIsMissspelledAndIsMissingParantheses" ...>

我发现浏览器完全乐于接受这个语法错误并忽略点击而不打印出任何错误。

另外，假设我不是犯这个错误的人（很多时候我需要调试其他人的代码），我在 DOM 中找不到这个绑定。当我在浏览器中“检查元素”时，标签中只剩下：“ngcontent_c0”哈希。（原来的装订不见了）。

所以我的问题是：

1. 我可以让浏览器吐出一个错误，例如：ThisFunctionCallIsMissspelledAndIsMissingParantheses is undefined
2. 如果我正在调试别人的代码，有什么方法可以使用浏览器来提示问题所在吗？我能以某种方式在 DOM 中看到 ThisFunctionCallIsMissspelledAndIsMissingParantheses 绑定到所述按钮吗？我在调试模式下使用“ng serve”：所以我可以看到 .ts 文件。然而，角度 HTML 绑定似乎是散列的。