Asp.net mvc Angular 2路由不适用于ASP.net核心MVC

我在一个ASP.NET核心Web应用程序中工作，使用Angular 2和VS 2015作为IDE。这对我来说是全新的，所以我一直遵循每一个教程来完成这一页。当我最终把所有东西放在一起时，我面临一个路由问题：页面停留在加载中。。。标记并从不显示ModuleViewComponent中的内容。读了很多问题，但我无法解决

我的main.ts文件如下所示：

// main entry point
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

应用程序模块.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { RouterModule, Routes } from '@angular/router';
import { NgForm } from '@angular/forms';
import { AppComponent } from './app.component';

import { ModuleViewComponent } from './components/CommonComponents/moduleView.component/moduleView.component';

const myRoutes: Routes = [
{
    path: 'home',
    component: ModuleViewComponent
},
{
    path: '/',
    redirectTo: 'home',
    pathMatch: 'full'
}
];

@NgModule({
imports: [
    RouterModule.forRoot(myRoutes),
    BrowserModule,
    FormsModule,
    HttpModule
],
declarations: [
    AppComponent,
    NavbarComponent,
    ModuleViewComponent
],
bootstrap: [AppComponent]
})

export class AppModule { }

import { Component } from '@angular/core';

@Component({
selector: 'my-app',
template:'<router-outlet></router-outlet>'
})
export class AppComponent {
}

应用程序组件.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { RouterModule, Routes } from '@angular/router';
import { NgForm } from '@angular/forms';
import { AppComponent } from './app.component';

import { ModuleViewComponent } from './components/CommonComponents/moduleView.component/moduleView.component';

const myRoutes: Routes = [
{
    path: 'home',
    component: ModuleViewComponent
},
{
    path: '/',
    redirectTo: 'home',
    pathMatch: 'full'
}
];

@NgModule({
imports: [
    RouterModule.forRoot(myRoutes),
    BrowserModule,
    FormsModule,
    HttpModule
],
declarations: [
    AppComponent,
    NavbarComponent,
    ModuleViewComponent
],
bootstrap: [AppComponent]
})

export class AppModule { }

import { Component } from '@angular/core';

@Component({
selector: 'my-app',
template:'<router-outlet></router-outlet>'
})
export class AppComponent {
}

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
模板：“”
})
导出类AppComponent{
}

以及index.cshtml

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

<my-app>loading...</my-app>

@{
ViewData[“Title”]=“主页”；
}
加载。。。

---

我如何才能让它工作并显示组件内容？欢迎任何帮助，提前谢谢

我创建了一个示例应用程序，该应用程序逐步解释了使用Asp.net MVC framework创建angular（angular v4）应用程序的详细信息。下面是链接。希望这对你有帮助。您必须更新项目中的路由配置文件，以便angular可以接收请求

---

我将尝试一下，如果链接失效，我会通知您。