如何在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