Javascript 角度4布线不工作
角度布线不起作用。。这是密码 routs.ts:路由url定义文件Javascript 角度4布线不工作,javascript,angular,Javascript,Angular,角度布线不起作用。。这是密码 routs.ts:路由url定义文件 import {BlankComponent} from "../layouts/blank.component"; export const routes=[ { path:'', component:BlankComponent, children:[ { path: '', redirectTo: 'home', pathMatch: 'full' }, {
import {BlankComponent} from "../layouts/blank.component";
export const routes=[
{
path:'',
component:BlankComponent,
children:[
{ path: '', redirectTo: 'home', pathMatch: 'full' },
{ path: 'home', loadChildren: '../pages/dashboard/dashboard.module#DashboardModule' }
]
},
{ path: '**', redirectTo: 'home' }
]
routes.module.ts:路由模块
import {NgModule} from "@angular/core";
import {RouterModule} from "@angular/router";
import { routes } from './routes';
@NgModule({
imports:[RouterModule.forRoot(routes)],
exports:[RouterModule,]
})
export class RoutesModule{
constructor(){
}
}
布局模块:
import {NgModule} from "@angular/core";
import { RouterModule } from '@angular/router';
import {BlankComponent} from "./blank.component";
import {TopnavComponent} from "./topnav.component";
@NgModule({
declarations:[BlankComponent,TopnavComponent],
exports:[BlankComponent,TopnavComponent,RouterModule],
imports:[]
})
export class LayoutsModule{}
空白部分:
import {Component} from "@angular/core";
@Component({
selector:"sig-blank",
templateUrl:'./blank.component.html'
})
export class BlankComponent{}
应用程序模块:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {LayoutsModule} from './layouts/layouts.module'
import {RoutesModule} from "./routes/routes.module"
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
LayoutsModule,
RoutesModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
blank.component.html
<div class="wrapper">
<section>
<div class="container">
<router-outlet></router-outlet>
</div>
</section>
</div>
<router-outlet></router-outlet>
app.component.html
<div class="wrapper">
<section>
<div class="container">
<router-outlet></router-outlet>
</div>
</section>
</div>
<router-outlet></router-outlet>
这是我在项目中使用的代码。但是路由不起作用。
我的代码中有什么错误。实际上,我的./blank.component.html中有标记,我没有将其包括在问题中。现在显示的页面仅为app.component.html中的内容您需要在{path:'home',component:ComponentName,loadChildren:'../pages/dashboard/dashboard.module#DashboardModule}处给出组件名称也许您应该详细说明“不工作”的含义?@cartant。问题已编辑。您正在使用嵌套路由。很抱歉,我在实现这一点时遇到了很多问题:(