Angularjs 在Angular2中定义路线时什么也得不到
我是安格拉尔的新手。我正在尝试创建给定的路线。 我创建了三个组件,如Angularjs 在Angular2中定义路线时什么也得不到,angularjs,routes,Angularjs,Routes,我是安格拉尔的新手。我正在尝试创建给定的路线。 我创建了三个组件,如HeaderComponent、SidebarComponent和UiElementsComponents。所有这些都在main.module文件(根模块)中声明。到目前为止一切都很顺利。但当我定义路由时,它停止显示任何内容。甚至不显示任何错误。这是我的密码 main.module.ts //Main (root) module of App is defined here. import { NgModule }
HeaderComponent
、SidebarComponent
和UiElementsComponents
。所有这些都在main.module文件(根模块)中声明。到目前为止一切都很顺利。但当我定义路由时,它停止显示任何内容。甚至不显示任何错误。这是我的密码
main.module.ts
//Main (root) module of App is defined here.
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { BrowserModule } from '@angular/platform-browser';
import { MainComponent } from './../components/main.component';
import { HeaderComponent } from './../components/header.component';
import { SidebarComponent } from './../components/sidebar.component';
import { UiElementsComponent } from './../components/ui-elements.component';
const routes: Routes = [
{ path: '', redirectTo: '/test', pathMatch: 'full' },
{ path: 'test', component: UiElementsComponent},
];
// The root module of the pratham app.
@NgModule({
imports: [
BrowserModule,
RouterModule.forRoot(routes)
],
declarations: [
MainComponent,
HeaderComponent,
SidebarComponent,
UiElementsComponent
],
bootstrap: [ MainComponent ]
})
export class MainModule { }
main.component.ts
//Main (root) component of Pratham is defined here.
import { Component } from '@angular/core';
@Component({
selector: 'prtm-main',
template: `<div class="prtm-wrapper">
<prtm-header-section></prtm-header-section>
<div class="prtm-main">
<prtm-sidebar-section></prtm-sidebar-section>
<router-outlet></router-outlet>
</div>
</div>`
})
export class MainComponent { }
//这里定义了Pratham的主(根)组件。
从'@angular/core'导入{Component};
@组成部分({
选择器:'prtm main',
模板:`
`
})
导出类MainComponent{}
我已经浪费了好几个小时去找出这个问题。您能告诉我缺少什么吗?那么您想在主组件中显示一个主组件吗?为什么?很抱歉我后来做了那些更改,只是为了检查代码。我想显示UiElementsComponent。