Angular 角度7嵌套管线,不能匹配任何管线。URL段错误
我正在尝试更改现有应用程序的路由。这个应用程序有很多我没有的概念,比如延迟加载和高级路由技术,所以我希望有人能帮助我 我有以下层次结构:Angular 角度7嵌套管线,不能匹配任何管线。URL段错误,angular,Angular,我正在尝试更改现有应用程序的路由。这个应用程序有很多我没有的概念,比如延迟加载和高级路由技术,所以我希望有人能帮助我 我有以下层次结构: components(folder) operador (component) criar (component) atualizar (component) operador.module.routing.ts Operador.module.routing.ts是这样的 const routes: R
components(folder)
operador (component)
criar (component)
atualizar (component)
operador.module.routing.ts
Operador.module.routing.ts是这样的
const routes: Routes = [
{path: '', component: OperadorComponent,
children: [
{path: 'criar', component: CriarComponent}
]
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class OperadorRoutingModule {
}
当我在operador组件中有这样一个路由器时,它不会导航到criar组件
<a routerLink="criar" >
尝试
原版试图定位'dash/operadores/criar'而不是'dash/criar',因此它需要'../'来导航当前路线下面的一个目录(我相信这是基于发布内容的正确路线)。因此我创建了一个适合您的路线
app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{path: '', loadChildren: () =>
import('./entrarapp/entrarapp.module').then(m => m.EntrarModule)}
];
@NgModule({
imports: [
RouterModule.forRoot(routes)],
providers: [],
declarations: [
],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Routes, RouterModule } from '@angular/router';
import { OperadorComponent } from './operador/operador.component';
import { CriarComponent } from './criar/criar.component';
import { TestComponent } from './test/test.component';
const routes: Routes = [
{path: '', component: OperadorComponent,
children: [
{path: '', component: TestComponent},
{path: 'criar', component: CriarComponent}
]
},
];
@NgModule({
imports: [
CommonModule,
RouterModule.forChild(routes)
],
exports:[RouterModule],
declarations: []
})
export class EntrarAppRoutingModule { }
entrapp-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{path: '', loadChildren: () =>
import('./entrarapp/entrarapp.module').then(m => m.EntrarModule)}
];
@NgModule({
imports: [
RouterModule.forRoot(routes)],
providers: [],
declarations: [
],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Routes, RouterModule } from '@angular/router';
import { OperadorComponent } from './operador/operador.component';
import { CriarComponent } from './criar/criar.component';
import { TestComponent } from './test/test.component';
const routes: Routes = [
{path: '', component: OperadorComponent,
children: [
{path: '', component: TestComponent},
{path: 'criar', component: CriarComponent}
]
},
];
@NgModule({
imports: [
CommonModule,
RouterModule.forChild(routes)
],
exports:[RouterModule],
declarations: []
})
export class EntrarAppRoutingModule { }
operador.component.html
<a routerLink="/criar" >Criar</a>
<router-outlet></router-outlet>
如果丹所说的不起作用,编辑帖子并添加app-routing.module.ts以及介于两者之间的任何路由模块。如果上述功能不起作用,请尝试
您将operador.routing.module加载到何处,那么哪个路由指向那里?我想给你一个用英语编写代码的一般建议,因为它对全世界的ppl来说更易于维护和阅读。当做