为什么我看不到有关在 Chrome 浏览器中检查元素的 Angular 2 指令？

Question

我是 Angular 2 的初学者（我曾在 AngularJS 上工作过），我担心的是，在使用 AngularJS 时，我能够看到 AngularJS 指令在 Chrome 浏览器中执行 Inspect Element。但是，Angular 2/2+ 版本的情况并非如此，即当我执行 Inspect Element 时，我再也找不到 Angular 指令了。

我错过了什么吗？还是在 Angular 2/2+ 中引入了一个插件或一些配置，我必须这样做才能在 Chrome 中查看有关执行 Inspect Element 的 Angular 指令？

以下是进一步解释的图像：-

注意上图中突出显示的部分。

请注意 Angular 指令，即 ngModel 和 blur event 没有显示在检查 DOM 元素的 Html 中。

如果有人能在这种情况下启发我，那将非常有帮助。

提前谢谢你！

Answer 1

因为它们是 html DOM 元素的无效属性。当它们被转译时，它们被简单地替换为类、自定义属性等。

在 Angular 1 中，(blur) 和 [(ngModel)] 我们分别写成 ng-blur 和 ng-model，因为它们是非标准数据属性，所以不需要转译。