AngularJS模板可以使用TypeScript进行类型安全吗？

Question

假设Angular 1.6应用程序使用最佳实践（组件/绑定到控制器尽可能），我们是否可以在模板中利用TypeScript的强大功能？

例如，如果我们有一些模板代码

<div>{{$ctrl.children[0].name}}</div>

我们知道控制器的类型（$ ctrl） - 我们可以让TypeScript给我们一个错误

• $ ctrl上不存在'children'
• '孩子'不是阵列
• '孩子'中的物品没有物业'名称'（等）？

VS Code中的代码完成也很不错。

我见过以下问题：

• https://github.com/Microsoft/TypeScript/issues/6508
• https://github.com/Microsoft/TypeScript/issues/5151

然而，很难从事情所在的地方得出结论（特别是在AngularJS 1.x世界中）。

Answer 1

没有。

AngularJs模板在运行时被解释，没有编译步骤可以进行此检查。

Answer 2

作为替代方案，您可以开始编写Angular 2组件，然后使用@angular/upgrade/static::downgradeComponent downgradeComponent将它们降级为AngularJS