以角度2

Question

嗨，我是棱角分明的2，所以请耐心等待。

情况：我想要做的是我想从登录页面导航到主页。 主页将完全是一个新页面（不会作为主页面的ant登录页面）。

但是当我尝试路线到家时发生的事情却给我一个错误消息：'找不到主要插座加载'HomeComponent''。我正在努力解决这个问题

这是我的app.module.ts文件

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

const appRoutes:Routes=[
  {path:'App',component:AppComponent}, 
  {path:'home',component:HomeComponent}
];



@NgModule({
  declarations: [
    AppComponent,
    HomeComponent
  ],
  imports: [
    RouterModule.forRoot(appRoutes,{enableTracing:false}),
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

我没有在任何地方提到过，因为我在这里没有包含任何子组件或子视图。我想重新定位全新设计，这将进一步包含子组件。

我的AppComponenet基本上显示登录页面，所以在成功登录后我想用home.html重定向到HomeComponent

我希望我对此很清楚。帮助我这个家伙。在这里挣扎!!

Answer 1

将arr1.push(4) 添加到您的app.component i：e <router-outlet></router-outlet>。 这将充当所有组件将加载的基页。

类似这样的事情

[bootstrapped component]

Answer 2

您需要在Index.html页面上使用Router Outlet。默认情况下加载应用程序组件，然后在代码成功后路由到主组件。