如何解决Angular 11,Router-outlet 并在另一个孩子内部路由孩子不显示组件
我在单击按钮时未在屏幕上显示的路由和另一个子组件中的子组件存在问题。我认为这是一个语法问题,但我看不到它。感谢您的帮助。
app.routes.ts 文件:
import { RouterModule,Routes } from '@angular/router';
import { HomeComponent } from "./components/home/home.component";
import { CrearAvisoComponent } from "./components/contenido/crear-aviso/crear-aviso.component";
import { SesionComponent } from "./components/contenido/sesion/sesion.component";
//child components
import { SesionCuentaComponent } from "./components/contenido/sesion-cuenta/sesion-cuenta.component";
import { SesionMensajesComponent } from "./components/contenido/sesion-mensajes/sesion-mensajes.component";
//sub-child components
import { SesionMsjInComponent } from "./components/contenido/sesion-mensajes/sesion-msj-in/sesion-msj-in.component";
import { SesionMsjSendComponent } from "./components/contenido/sesion-mensajes/sesion-msj-in/sesion-msj-in.component";
const APP_ROUTES: Routes = [
{ path: 'home',component: HomeComponent },{ path: 'crear-aviso',component: CrearAvisoComponent },{ path: 'sesion',component: SesionComponent,children: [
{ path: 'sesion-cuenta',component: SesionCuentaComponent,outlet: 'sesionr'},{ path: 'sesion-mensajes',component: SesionMensajesComponent,outlet: 'sesionr',children: [
{ path: 'sesion-msj-in',component: SesionMsjInComponent,outlet: 'mensajesr'},{ path: 'sesion-msj-send',component: SesionMsjSendComponent,{ path: '**',pathMatch: 'full',redirectTo: '/sesion/(sesionr:sesion-avisos)/(mensajesr:sesion-mjs-in)'},]},redirectTo: '/sesion/(sesionr:sesion-avisos)' }
]},redirectTo: 'home' }
];
export const APP_ROUTING = RouterModule.forRoot(APP_ROUTES)
html 文件:
<a [routerLink]="['/sesion',{outlets:{sesionr: ['sesion-avisos',{outlets:{mensajesr: ['sesion-msj-in'] }}] }}]">Send</a>
<router-outlet>
<router-outlet name="sesionr">
<router-outlet name="mensajesr"></router-outlet>
</router-outlet>
</router-outlet>
app.module.ts 中的声明是正确的,因为我有其他可行的路由。 当我单击按钮时,它会将我重定向到“SesionComponent”,但我想转到“SesionMsjInComponent”。
注意:组件'SesionMsjInComponent'和'SesionMsjSendComponent'的文件夹我把它们放在文件夹组件'SesionMensajesComponent'
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。