角2路由器创建错误的链路

Question

我在路由方面也有过这样的情况

const routes: Routes = [
    {
        path: '',
        component : HomeComponent,
        children: []
    },
    {
        path: 'login',
        children: [
            {
                path: '',
                component: LoginComponent
            },
            {
                path: 'with-email',
                component: LoginWithEmailComponent
            },
            {
                path: 'forgot-password',
                component: LoginForgotPasswordComponent
            }
        ]
    }   
];

它可以正常工作，直到我在电子邮件页面上，并做一些像这样的事情。

  <span><a routerLink="forgot-password"><i class="p1-icon-arrow"></i>Forgot password?</a></span>

它不支持我登录并忘记密码，它创建了这样一个链接

/login/with-email/forgot-password

为什么它不支持我到login/forgot-passwprd

Answer 1

在电子邮件页面(如果是LoginWithEmailComponent)，它应该是

routerLink="../forgot-password"