Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度7嵌套管线,不能匹配任何管线。URL段错误_Angular - Fatal编程技术网

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来说更易于维护和阅读。当做