Início / coding / Perguntas / 77740531
Accepted
D052057
Asked: 2024-01-01 06:39:28 +0800 CST

Angular 17: Componente autônomo de carregamento lento com parâmetro?

  • 772

este é o meu html:

<a class="dropdown-item" [routerLink]="['/videos', p.param]">{{ p.title }}</a>

este é o código em app.route.ts:

{
    path: 'videos/:folder',
    loadComponent: () => import('./pages/application/video/video.component')
      .then(mod => mod.VideoComponent)
  },

e este é o código no VideoComponent (é um componente independente que tento obter na pasta de valor:

ngOnInit(): void {
    this.route.paramMap
      .subscribe(
        (params: any) => {
          console.log("value params folder:" + params);
          this.folder = params.folder; <--- no value.
        }
      )
  
  }

e params.folder não tem valor. Pesquisei no Google, mas não vi nada.
O componente independente suporta esse recurso ou existe uma maneira de passar um parâmetro por meio de um componente independente? Existe algum link/exemplo de como fazer isso?

Obrigado

angular

2 respostas

  1. Você pode tentar params.get('pasta')

    ngOnInit(): void {
    this.route.paramMap
      .subscribe(
        (params: any) => {
          console.log("value params folder:" + params.get('folder'));
          this.folder = params.get('folder');
        }
      }
  }

    O método de acesso que você usou pode ser feito, mas precisamos ouvir a paramspropriedade em vez deparamMap

    ngOnInit(): void {
    this.route.params
      .subscribe(
        (params: any) => {
          console.log("value params folder:" + params);
          this.folder = params.folder;
        }
      }
  }
    • 0
  2. Best Answer

    Simplesmente, para obter detalhes da rota ativada, você pode usar snapshot.paramMapo seguinte.

    ngOnInit(): void {
    this.folder = this.route.snapshot.paramMap.get('folder');
}
    • 0

relate perguntas