Angular 2路由器创建错误link

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>

它不会支持我登录和忘记密码，它会像这样创建一个 link

/login/with-email/forgot-password

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

Answer 1

在邮件页面（如果是LoginWithEmailComponent）则应该是

routerLink="../forgot-password"