【问题标题】:WebStorm: Angular template type checkingWebStorm:Angular 模板类型检查
【发布时间】:2017-10-18 22:11:56
【问题描述】:

WebStorm 中是否有方法允许 TypeScript 类型检查 Angular 组件绑定和其他表达式?

我只是认为如果我可以在component.ts 文件中设置@Input() 属性类型会很棒,如果特定模板中的特定绑定类型错误,编辑器会警告我。

【问题讨论】:

  • 你用Angular language service吗?
  • @Maximus 感谢这个有用的服务,不幸的是它不做 typescript 类型检查绑定(至少现在)

标签: angular typescript webstorm


【解决方案1】:

在第 9 版中引入了一个 angular 编译器 选项,它执行最多的模板检查:strictTemplates

您可以在此处找到有关模板检查的文档:https://angular.io/guide/template-typecheck

替代方案

Angular 模板检查由 Angular 编译器执行。如果您想要仅由 TypeScript 提供支持的类型安全模板,请尝试 JSX(使用 React http://youtube.com/watch?v=-oEa6UueHsk 之类的东西)。

【讨论】:

【解决方案2】:

检查 fullTemplateTypeCheck 编译器选项:https://angular.io/guide/template-typecheck#full-mode

它不会遇到所有绑定错误,但肯定会朝着正确的方向发展。

更新: 现在有一个更严格的编译器选项,称为 strictTemplates,它在查找绑定错误方面做得很好: https://angular.io/guide/template-typecheck#strict-mode

【讨论】:

    猜你喜欢
    • 2013-10-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-31
    • 2016-02-13
    • 2015-10-06
    • 1970-01-01
    相关资源
    最近更新 更多