如何在ASP.NET MVC和EF中使用AngularJS

（此文章同时发表在本人微信公众号“dotNET每日精华文章”，欢迎右边二维码来关注。)

AngularJS做为一个愈来愈流行的前端框架，在使用ASP.NET MVC和实体框架开发Web应用的时候，恰当的使用它可让你的前端界面更易开发。今天推荐的文章就是介绍如何把AngularJS结合到ASP.NET MVC开发当中。

虽然以前开发的一套SaaS系统也是以ASP.NET MVC、实体框架为基础，前端辅以AngularJS。不过一直无暇很好总结一下这方面的经验分享给你们，恰好今天推荐的文章就是讲述如何把AngularJS结合到ASP.NET的Web应用开发当中。其实步骤很简单：

1. 经过Nuget把AngularJS添加到ASP.NET MVC的Web项目中（我通常使用做者为The AngularJS Team的包）
2. 在视图或者布局文件中引用AngularJS的js文件，也能够添加到bundles
3. 经过Entity Framework来获取数据
4. 在ASP.NET MVC/WEB API的Controller中返回JSON数据
5. 在AngularJS服务中消费这些服务端返回的JSON数据
6. 在AngularJS控制器中调用AngularJS服务把数据传递给视图
7. 在AngularJS视图中呈现数据

Dhananjay Kumar的这篇文章基本就是按照这个步骤的一个完整入门练习，经过“阅读原文”来仔细阅读其中的文字、配图和代码，要入门不是难事。

固然在实际实践当中仍是有一些技巧的，也须要本身探寻一种符合本身状况的作法。好比咱们以前并未基于AngularJS把整个Web应用作成单页应用（Single Page Application，SPA），而只是在一些须要高度交互性的页面上，利用AngularJS的绑定、MVC模型对前端代码进行优化。具体而言，ng-app通常是基于一个ASP.NET MVC视图的，且这些视图仍是充分利用ASP.NET MVC自己的特性（好比由Layout来统一布局，利用PartialView组合界面等）。之后有空再详细分析咱们的经验。

原文地址：http://www.infragistics.com/community/blogs/dhananjay_kumar/archive/2015/05/13/how-to-use-angularjs-in-asp-net-mvc-and-entity-framework-4.aspx