如何在 Angular 2 个模板中查找未解析的变量

How to find unresolved variables in Angular 2 templates

我有一个带有生成客户端的项目。这意味着,模型是从 JSON 文件自动生成的。当后端中的 属性 名称发生变化时,我检查其中包含已更改 属性 的模板(例如 user.nameUser 的模型中变为 user.firstName ), 我看到它在 WebStorm 中有绿色下划线,但页面打开但没有显示。但是如果我不打开模板,我就不会识别问题。

那么当 HTML 文件的属性被识别为 "unresolved variables" 时,WebStorm 或 Lint 是否有一些设置会抱怨更多?

在 webstorm 中,如果您执行代码分析,您是否在 Inspection Results 中看到未解析的变量? https://www.jetbrains.com/help/webstorm/2017.1/analyzing-inspection-results.html

否则,如果您使用的是 tslint,则 codelyzer 是 tslint 的扩展,具有各种特定于 angular.

的规则

我认为特定的 codelyzer 规则 no-access-missing-member 就是您要查找的内容。如果您设置了它,那么您可以在控制台中 运行 tslint 并获取错误列表。

http://codelyzer.com/

...同时(Angular v5),存在一个 lint 规则,现在被 Angular 编译器在生产模式下抱怨(AOT)所取代。