剃刀模板，视图和angular.js

Question

使用.NET Razor视图和AngularJS时的最佳做法是什么？

语境

我们正在使用带有剃须刀的mvc4 开发一个 公共网站
（而不是Intranet应用程序），并且我们对客户端脚本不是很熟悉，因此我们从知道的内容开始：jQuery。但是现在事情变得更加复杂了，我们想切换到AngularJS。

在.NET部分，我们使用Razor模板和UIHintAttribute（加上一些自定义模板）呈现正确的html“控件”。我们还添加了自定义html属性，以向jQuery部分提供额外的信息（例如title工具提示…。）

因此，我们已经使用一种声明性的方式来设置用户界面行为，因此AngularJS似乎是一个不错的选择。

问题

既然我们已经在服务器端定义了模型，并且由于AngularJS也使用了模型，这是否会迫使我们复制代码？

由于我们已经在服务器端（在视图中）做了一些绑定，因此我们该如何处理数据绑定功能。我们应该创建一个完全异步的应用程序，从AngularJS进行AJAX调用以加载数据，还是可以将两者混合使用？

在尝试同时使用这两种技术时，我们还应该注意什么？

我在Google上进行了一些研究，但我找不到将Razor视图和模板与AngularJS混合的详细方法……也许这不是一件好事？

Answer 1

在使用MVC和另一个JavaScript框架（Knockout）时，我们已经处理了几个月的时间。最终，如果您要使用客户端MV
*框架来呈现用户界面，您会发现绝大部分放弃Razor都是您的最佳选择。

大多数主要的MV * JavaScript框架（包括AngularJS）都假定您将维护UI状态并根据JavaScript模型或视图模型呈现用户界面。尝试混入服务器端渲染只是效果不佳。

这并不是说MVC在开发Angular应用程序时没有用。您仍然可以利用ASP.NET
Bundling和Minification
等出色功能。有时使用Razor视图或部分视图将JSON直接嵌入页面中确实非常有效，这与进行额外的AJAX调用相反。

至于模型，您可能想看看Breeze.js。它是一个用于数据访问的JavaScript库，与服务器端的ASP.NET一起使用时可以很好地共享模型元数据。