在MVC中使用AngularJs时保持视图强类型

Question

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

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

在此过程中，Visual将提供intellisense、智能重构选项等，这些优点显而易见。

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

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

没有智能感知，没有重构选项。我被单独留在这里，因为IDE不知道什么是{{myProperty}}，也不知道它在哪里定义的。换句话说，视图、模型和控制器之间除了开发人员对应用程序的结构及其变量的名称拥有的个人知识之外，没有任何契约。

由于我所有的角度模型都与类型记录接口相关联，是否有任何工具可以在基于这些类型记录接口的视图中为我提供智能感知？

Answer 1

在进行了一些研究之后，似乎任何编辑器都不完全支持这种特定的功能( HTML中的intellisense)。但是，您可以在一些插件中安装插件，以获得名称的自动完成功能(因为括号语法特定于角框架和其他前端框架)；对VS、VS代码、WebStorm有扩展：

• Visual Studio
• VS码
• WebStorm

--

另外，这篇博文可能解决不了你的问题，但如果你以不同的方式处理这个问题，它可能会奏效：使用AngularJS的强类型视图