Если вы создаете новый проект MVC (обязательно включите WebApi et c для своего бэкэнда), вы можете скопировать:
src //Directory
angular.json
browserslist
package-lock.json
package.json
tsconfig.*
Они должны быть помещены на уровне root проекта MVC и должно выглядеть примерно так:
Edit _layout. chtml с :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>@ViewBag.Title</title>
</head>
<body class="mat-typography">
@RenderBody()
@Scripts.Render("~/bundles/angular")
</body>
</html>
И создайте bundleconfig.cs для обслуживания ваших файлов:
public class BundleConfig
{
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new Bundle("~/bundles/angular").Include(
"~/Scripts/lib/runtime*",
"~/Scripts/lib/polyfills*",
"~/Scripts/lib/styles*",
"~/Scripts/lib/scripts*",
"~/Scripts/lib/vendor*",
"~/Scripts/lib/main*"));
}
}
Наконец обновите Index.cs html
@{
ViewBag.Title = "My Angular App";
}
<app-root></app-root>
Вы также захотите включить URL-адреса ha sh в своем приложении angular, если вы еще этого не сделали (app-routing.module.ts)
@NgModule({
imports: [RouterModule.forRoot(routes, { useHash: true })],
exports: [RouterModule]
})
export class AppRoutingModule { }