Necesito usar variable de cadena como outletname rr
este es mi código:
public redirect(): any { let rr = 'productModal'; let rr2 = 'm/addProduct'; return this.router.navigate( ['link/link', {outlets: {rr: rr2}}] ); } public redirect(): any { let rr = 'productModal'; let rr2 = 'm/addProduct'; return this.router.navigate( ['link/link', {outlets: {[rr]: rr2}}] ); }Si desea dar un nombre a la salida del enrutador y representar los componentes dentro de esa salida usando el nombre de la salida del enrutador, entonces la solución a continuación funciona.
Paso 1: asigne un nombre a la etiqueta de salida del enrutador usando el atributo de nombre, en su caso
<router-outlet #outlet="outlet" name="rr"></router-outlet>Paso 2: agregue el siguiente código a ese botón de redirección.
[routerLink]="[{ outlets: {rr: ['m/addProduct']}} ]"Paso 3: en el archivo app-routing.module.ts proporcione el nombre de salida, en su caso
{path: 'm/addProduct', component: "Add product component", outlet: 'rr'}La solución anterior funcionó para mí.