如果您希望提升Web應用程序的服務器端或客戶端，請繼續閱讀以了解如何在Angular中使用MVC。

介紹

我以為我會分享我的經驗與微軟ASP.NET MVC和AngularJS。本文將對“MVC with AngularJS”初學者更有幫助。

哪種技術最好？
我們為什麽要使用MVC？
我們為什麽要使用AngularJS？
為什麽我們應該在MVC中使用AngularJS？
如何在MVC中配置AngularJS？

哪種技術最好？

如今，世界上有很多新技術，因此可能會出現一些混淆，哪些是可以選擇的，哪一種是構建我們的應用程序的最佳技術。

建議

大多數時候，程序員將在MVC中構建他們的應用程序，因為MVC（模型 - 視圖 - 控制器）是松散耦合的，我們可以重用模式的結構。

帶有WEB API的ASP.NET MVC最適合服務器端技術。我們可以為其他通信設備（移動設備，iPad等）重復使用相同的服務，並且Web API將分別托管在IIS中。它會增加服務器的性能。

Angular JS最適合客戶端。我們可以使用快速開發，對數據綁定非常有用，因為它使用RESTful協議。

我們為什麽要使用MVC？

ASP.NET MVC為您提供了一種強大且基於模式的方式來構建動態網站，使您可以完全控制標記以獲得愉快的開發體驗。

模型 - 視圖 - 控制器（MVC）體系結構模式將應用程序分為三個主要組件。

模型

模型通常用於業務對象。它將直接管理數據，邏輯和應用程序的規則。

視圖

這是一個用戶界面，它顯示了操作的輸出。

調節器

控制器是應用程序的核心。它接受輸入並將其轉換為模型或視圖的命令。

ASP.NET MVC的功能

Web API支持RESTful構建的MVC框架。
我們可以使用NuGet來安裝jQuery，AngularJS等。
我們可以將異步操作方法編寫為單一方法，它返回任務的一個對象。
路由模塊負責映射特定的控制器動作。

我們為什麽要使用AngularJS？

AngularJS是一種開源的腳本語言。它將基於Model-View-Controller模式和最新的客戶端JavaScript進行工作。

數據綁定的最大優點之一是，只要模型發生變化，它就會自動更改視圖的值，並在視圖更改時更新模型。這被稱為雙向綁定。

AngularJS的特點

雙向數據綁定。
使用和支持MVC設計模式。
支持路由，就像單個頁面應用程序一樣。
支持RESTful服務。
依賴註入。

我們為什麽要在MVC中使用AngularJS？

ASP.NET MVC和AngularJS都兼容MVC模式，並且有許多項目可以在一起使用。這很好，因為您的MVC服務器端代碼為Angular客戶端調用提供了JSON結果。

另外，您可以使用MVC控制器來控制應用程序中的HTML視圖或剃刀視圖。這為您提供授權，重定向，錯誤處理等功能。

如何在MVC中配置Angular JS

打開Visual Studio 2015並單擊=> File => New => ASP.NET Web Application。

現在，它會顯示下面給出的屏幕。選擇項目類型=>選擇Web API項目。

現在，打開一個項目解決方案，如下所示。

右鍵單擊上述項目並選擇管理NuGet包。

點擊瀏覽標簽並搜索AngularJS。

我們必須下載AngularJS，AngularJS.Core和AngularJS.Route文件。

下載完成後，這些文件路徑將顯示在輸出窗口中。

添加新文件夾並創建新的JavaScript文件為Ng.Module.js。

打開_layout.cshtml頁面，並給ng-app的名稱是“Test”。

再創建一個JavaScript文件來創建一個Angular控制器。

打開Index.cshtml頁面並編寫ng-controller的代碼，如下所示。

Link the AngularJS files in _layout.cshtml page

現在，運行（F5）應用程序。它會在瀏覽器中顯示結果。

轉載出處：http://www.iis7.com/c/90/

使用AngularJS學習MVC的基礎知識分享