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。