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

Question

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

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

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

＆安培;我们知道控制器的类型（$ ctrl） - 如果

我们可以让TypeScript给我们一个错误

• ＆＃39;儿童＆＃39;在$ ctrl上不存在
• ＆＃39;儿童＆＃39;不是数组
• 孩子们中的项目＆＃39;没有财产＆＃39;名称＆＃39; （等）？

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。