2016-08-23 50 views
0

我是新來AngularJS,需要對如何構建在Web API一個SPA的外部搜索應用創建第一angularjs SPA與VS2015

迪我不得不使用 •MVC /剃鬚刀的意見(全部留給一些建議路由和渲染到Angular)?或者只是使用1 VS2015應用程序[在VS2015中使用angularjs SPA模板,或者在相同的解決方案下使用角度文件和webapi項目的空web應用程序?

任何例子將有助於理解

對於角度的結構我讀Google best practiceJohn Papa

+0

如果您正在構建C#MVC應用程序,則最好使用剃刀視圖。在構建angularjs SPA時,只需使用HTML和angularjs作爲前端和web api或任何其他api來爲Spa提供數據。 –

回答

0

嗯,我想你遇到了現在。我可以提出兩種你可以選擇的方式。

  1. 如果你想保留後端和前端在一起,你可以去VS2015的angularjs SPA模板。它會隨着構建管道,捆綁包和你需要的一切而來。現在,您可以選擇渲染單個頁面的角度,並使用MVC剃刀視圖進行渲染(如果您想要使用任何機制將您的依賴關係包含在剃刀視圖中),或者僅使用空白html和web api控制器在後面。但是你最終會爲所有人使用一個環境,如果你正在構建完整的項目,我認爲這是最好的。

  2. 現在,換一種方式,您可以從一個web api項目開始。你可以用它或其他地方實例化你的角度項目。您可以使用yeoman或您喜歡的任何腳手架工具,並使用自己想要使用的JS工具。你也可以在VS項目中做同樣的事情,但如果你想保持前端和後端風格獨立,這種方法會更好。

我也建議使用打字稿。

+0

在選項1中,一個建議是使用「ASP.Net Web應用程序」,然後選擇「Empty」項目模板。在其中設置角度結構,然後將'WebApi Controller'.cs文件添加到項目中? – sguruswamy

+0

技術上,是的。如果你想要更多的手,請看看[這裏](http://iranreyes.com/starting-angularjs-project-with-visual-studio/)。 而且,如果您擁有靈活性和特別冒險精神,您甚至可以給[Asp.net Core](https://docs.asp.net/en/latest/client-side/angular.html)一個機會。 –