首页 文章

以角度2路由到网址

提问于
浏览 次
-1

嗨，我是角度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

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

angular routing angular2-routing angular2-components

2 回答

  • 1

    将 <router-outlet></router-outlet> 添加到您的app.component i：e [bootstrapped component] . 这将充当所有组件将加载的基页 .

    这样的事情

    @Component({
      selector: 'app-component',
      template: `
        <p>
          app-component works!
        </p>
        <router-outlet></router-outlet>
      `,
      styleUrls: ['./app.component.css']
    })
    export class AppComponent {

  constructor() { }

}
    回复于
  • 0

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

    回复于

相关问题