как интегрировать угловой шаблон в MVC5 - PullRequest
Новая
       24

как интегрировать угловой шаблон в MVC5

1 голос
/ 08 мая 2019

Я пытаюсь интегрировать Angular 7 с MVC5.все работает нормально, но угловой шаблон не отображается в моем index.cshtml.

я сделал следующие вещи.

  1. установил angular, используя «npm install -g @ angular / cli» и «ng new app»
  2. после успешной установкия добавил папку App в свой проект MVC
  3. добавил угловые файлы в пакет сценариев в bundle.config.
  4. добавьте этот пакет в layout.cshtml
  5. добавить тег вмой index.cstml

, когда я запускаю проект, мой index.cshtml не отображает угловой шаблон.Я пробовал другое решение, но ничего не работает.я пропустил некоторые шаги, чтобы интегрировать его с mvc5 ?.Я использую Visual Studio 2019 Community Edition.Ниже приведен мой код.

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>

...