在MVC中使用AngularJ时，请保持视图的强类型化

Question

我喜欢MVC的主要原因之一是视图和控制器都是强类型的。 这意味着我可以使用Razor语法直接从View调用Model中定义的变量：

<p>
    @Model.MyProperty // strongly typed
</p>

在此过程中，Visual Studio将提供智能感知，智能重构选项等。其优势显而易见。

相反，如果我决定使用AngularJ（或实际上是任何其他客户端UI框架），则我的视图将如下所示：

<p>
    {{myProperty}} // this is just a string!
</p>

没有智能，没有重构选项……我在这里一个人呆着，因为IDE不知道{{myProperty}}是什么以及它的定义位置。 换句话说，除了开发人员对应用程序的结构及其变量名称具有的个人知识之外，视图，模型和控制器之间没有契约。

由于我所有的Angular模型都与Typescript接口相关联，是否有任何工具可以基于这些Typescript接口在视图中赋予我智能？

Answer 1

经过研究后，似乎没有任何编辑器完全支持此特定功能（用于TypeScript的HTML中的智能）。 但是，您可以在其中安装插件以获得名称的自动完成功能（因为括号语法特定于Angular和其他前端框架）； VS，VS Code，WebStorm都有扩展：

-

另外，此博客文章可能无法解决您的问题，但是如果您以不同的方式解决问题，则可能会起作用：使用AngularJS的强类型视图