如何连接角度2应用程序与.net核心

时间:2017-05-14 12:24:53

标签: node.js angular .net-core

作为初学者,我已经安装了角度cli,npm等所有东西,我可以添加一些组件。但是在我们使用一些后端之前它是不完整的。我在.net背景。直到现在,我正在使用MVC,但现在我正在迁移到.net核心。

嗯,Angular2和.net核心是两个不同的应用程序。现在我有angular-2应用程序。如何在.net核心Web应用程序中添加此应用程序?

通常我们使用CLI命令添加组件和其他东西。那么,当我在.net核心应用程序中添加角度应用程序时,我怎样才能自动添加组件?

4 个答案:

答案 0 :(得分:2)

感觉我需要在这里添加我的2c。 Angular2 +& Asp.Net Core 2+非常适合开发持久耐用的应用程序。 说,不要误以为微软会成为你的朋友。不要尝试在Angular模板或Microsoft.AspNetCore.SpaTemplates包中使用VS build,因为它会导致你陷入大量问题的兔子洞(只需看看这个网站上有关它的所有问题)。 根据我自己尝试不同方法的经验,创建空的Asp.Net Web API项目并使用Angular-CLI工具在其中创建Angular应用程序。从这一点开始,你可以使用angular-cli& dotnet cli提供非常愉快和富有成效的体验。 按照this blog from Levi Fuller中的所有步骤操作,您就可以立即启动并运行。

答案 1 :(得分:1)

您应该构建一个API,然后从Angular应用程序与它进行通信。

看一下本教程,它涵盖了基本概念:

https://docs.microsoft.com/en-us/aspnet/core/tutorials/first-web-api

如果您想将您的应用程序集成为解决方案中的新项目,请查看以下内容:

https://www.pluralsight.com/guides/microsoft-net/using-angular-2-with-asp-net-core

答案 2 :(得分:1)

如果您使用的是Asp Core,最好的办法是使用其spa模板here

您可以使用

进行安装
 dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

以角度

开始新项目
dotnet new angular

现在问题是你想要将角度cli与asp核心集成。我假设你想使用angular cli命令来快速生成一个组件。从一个新的角度项目,寻找angular-cli.json并将其粘贴到你的asp项目的根目录。然后更新你的package.json并在devDepencies中添加@ angular / cli,如下所示

"devDependencies": {
    "@angular/cli": "^1.0.0",
    "webpack": "^2.6.0"
  }

您现在可以运行此命令

ng g c my-component

确保再次运行npm install并重新运行dotnet run / dotnet watch run,如果它不起作用。

答案 3 :(得分:0)

创建ASP.Net核心应用程序,使用cli创建Angular项目。生成并将角度项目复制到www文件夹。您可以使用命令提示符添加组件。在.Net核心应用程序中创建api,然后从angular调用它