可以创建.NetCore和Angular2混合应用程序

Question

我正在使用.net core和angular2创建一个应用程序， 我可以在Razor视图页面中加载角度分量吗？

Answer 1

仅通过Angular2进行澄清，您是指Angular还是Angular的特定版本2？

Angular 2.x和更高版本现在只是Angular。 Angular 1.x称为AngularJS

如果您只想说.NET Core和Angular，那么就是.NET Core模板。

要么使用Visual Studio IDE创建一个新的Web项目，然后在模板中选择“ Angular”，要么您也可以使用dotnet new命令以一个.NET Core / MVC Core / Angular支架一个新项目。 8。

dotnet new angular

更新

我强烈不建议您提出有关简单Web应用程序的建议。 Angular是一个单页应用程序（SPA）框架。您所描绘的是在可能有多个页面的应用程序中使用Angular。 Angular还带有自己的工具和不同的软件包管理系统。如果没有某种形式的分离，将很难同时管理两者。

AngularJS / KnockoutJS等是可以“放入” Razor页面的库，它们更适合于简单Web应用程序所显示的内容。

Answer 2

是的，可以使用剃刀页面来服务Angular应用程序。因此，您必须将已转译和捆绑的应用程序放在wwwroot文件夹中，并且必须在index.cshtml中引用Angular构建的输出。例如，如果您将内置的Angular应用放在wwwroot/dist中，那么您的index.cshtml可能如下所示：

@{
    ViewData["Title"] = "";
}

<app>Loading...</app>

@section scripts {
    <script src="~/dist/vendor.js"></script>
    <script src="~/dist/main.js"></script>
    ...
}