我尝试创建一个具有两个不同模块的应用程序,一个用于我的前台,一个用于我的后台。Route 与前台完美配合,我为我的主要模块制作了它。
当我使用第二个模块导航时,当我在浏览器导航栏中提示链接时,它会将我重定向到完美的组件。但是,当我在模板中使用 routeLink 在后台导航时,它不起作用。
这是我对第二个模块 (back.module.ts) 的配置:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { BackComponent } from './back.component';
import { Page1Component } from '../page1.component';
import { Page2Component } from '../page2.component';
@NgModule({
declarations: [
BackComponent,
Page1Component,
Page2Component
],
imports: [
BrowserModule,
RouterModule.forRoot([
{
path: 'back',
component: MainAdministrationComponent,
children: [
{
path: 'page1',
component: Page1Component
},
{
path: 'page2',
component: Page2Component
},
{
path:'',
redirectTo: '/back/page1',
pathMatch: 'full'
}
]
}
])
],
providers: [],
bootstrap: [BackComponent]
})
export class BackModule { }
这是我在 back.component.hmtl 中的模板
<ul class="nav navbar-nav">
<li>
<a route-link="/back/page1" routeLinkActive="active"><i class="material-icons">home</i> Page 1</a>
</li>
<li>
<a route-link="/back/page2" routeLinkActive="active"><i class="material-icons">event</i> Page 2</a>
</li>
</ul>
在我的后台模块中,我使用有棱角的材料,我不知道它是否与某些东西有冲突