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