angularjs - AngularJS 模板可以使用 TypeScript 来实现类型安全吗？

Question

假设 Angular 1.6 应用程序使用最佳实践(尽可能使用组件/绑定(bind)到 Controller )，我们能否在模板中利用 TypeScript 的强大功能？

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

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

& 我们知道 Controller 的类型 ($ctrl) - 我们可以让 TypeScript 给我们一个错误吗

• 'children' 在 $ctrl 上不存在
• 'children' 不是数组
• 'children' 中的项目没有属性 'name'(等)？

VS Code 中的代码补全也很好。

我已经看到以下问题:

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

然而，很难从事物所在的位置得出结论(尤其是在 AngularJS 1.x 世界中)。

Answer 1

没有。

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