javascript - redireccionar - rutas angular 6

no se puede usar[routerLink] dentro del componente

Question

Tengo 2 <router-outlet> y todo está bien, esta es mi RouteConfig dentro del componente de perfil:

@Component({
    selector : "profile",
    templateUrl: ''/client/tmpl/profile.html'',
    directives: [ ROUTER_DIRECTIVES],
})

@RouteConfig([
     {name: ''Home'', component: homeProfile ,path: ''/'' ,useAsDefault:true},
     {name: ''Credit'', component: credit ,path: ''/credit'' },
     {name: ''BuyCredit'', component: buyCredit ,path: ''/buycredit'' }
])

mi problema es cuando quiero utilizar [routerLink] dentro del componente de credit lanzar un error: "crédito" no tiene configuración de ruta. en [nulo]

y este es mi Componente de credit :

import {ROUTER_DIRECTIVES,RouteConfig} from ''angular2/router'';
 @Component({
    selector : "credit",
    templateUrl : "client/tmpl/profile/credit.html",
    directives: [ROUTER_DIRECTIVES]

})

modelo :

<ul>
                                 <li><a  [routerLink]="[''Profile'' , ''Home'']"  href="#">home</a> </li>
</ul>

¿Por qué debería usar RouteConfig dentro de Componente de credit y cómo usarlo?

Answer 1

Prueba esto

<a [routerLink]="[''/Profile'' , ''Home'']"  href="#">home</a>

Como veo, usted ha definido la ruta del Profile en el Componente Principal y luego el Profile tiene Componentes secundarios, es decir: Home .

Entonces, la excepción ocurre porque:

• Profile en el enrutador significa buscar la ruta en routeConfig de este componente.

• pero necesita hacer /Profile en el routerLink para indicarle que busque la ruta del Profile en la ruta (Main Component) routeConfig