Question

我正在尝试将angular 7与MVC5集成在一起。一切工作正常，但我的index.cshtml中没有渲染角度模板。

我做了以下事情。

使用“ npm install -g @ angular / cli”和“ ng new app”安装angular
安装成功后，我在MVC项目中添加了App文件夹
将angular文件添加到bundle.config中的脚本包中。
将该捆绑包添加到layout.cshtml
在我的index.cstml中添加标签

当我运行项目时，index.cshtml不会渲染角度模板。我尝试了不同的解决方案，但没有任何效果。我是否错过了一些将其与mvc5集成的步骤？我正在使用Visual Studio 2019社区版。以下是我的代码。

bundle.config：

bundles.Add(new ScriptBundle("~/Script/Bundles") .Include( "~/bundles/inline.*", "~/bundles/polyfills.*", "~/bundles/scripts.*", "~/bundles/vendor.*", "~/bundles/main.*")); bundles.Add(new StyleBundle("~/Content/Styles") .Include("~/bundles/styles.*"));

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
  AppComponent
 ],
imports: [
  BrowserModule,
  AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]})
export class AppModule { }

index.cshtml：

@{
ViewBag.Title = "Index";
}

<app-root></app-root>

Layout.cshtml：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello World - ASP.NET MVC</title>
@Styles.Render("~/Content/Styles")
</head>
<body>
@Scripts.Render("~/Script/Bundles")

<main role="main" class="container">
    @RenderBody()
</main>

如何在MVC5中集成角度模板

0 个答案: