简单的儿童路由角2

Question

我正在尝试在登录按钮上以角度2进行子路由，仅用于检查目的，但它给了我这个

错误：无法匹配任何路线。网址细分：'注册'

这是路线的代码

export const routes: Routes = [

      {
        path: '',
        component : LoginComponent
      },
      {
        path: 'login', component: LoginComponent,
        children: [
          {path: "", redirectTo:"sign-up", pathMatch:"full"},
          {path: 'sign-up', component: SignUpComponent}
        ]
      }
    ];

这是我的登录模板

 <div class="row signup-centerClass loginform">
    <form>
      <div class="col col-md-12">

        <label>Username or email :
          <font color="#FF6600">*</font>
        </label>
        <input type="text" name="uname" [(ngModel)]="Username" placeholder="Example:Haris Wakeel">

        <label>Password :
          <font color="#FF6600">*</font>
        </label>
        <input type="password" name="uname" [(ngModel)]="Username" placeholder="Example:Haris Wakeel">

        <button type="button" class="btn btn-success" style="width: 280px; text-align: center; font-size: 15px">Login</button>
        <p style="color: #666; font-size: 15px; margin-top: 5px" ><strong>Don't have an account?</strong>
          <a [routerLink]="['/sign-up']"><strong>Sign-up</strong></a>
        </p>
      </div>
    </form>
  </div>
</div>
<router-outlet></router-outlet>

Answer 1

尝试更换路线，如下所示，

{
    path: 'login', component: LoginComponent,
        children: [
            { path: "", redirectTo: "login", pathMatch: "full" },
            { path: 'sign-up', component: SignUpComponent , pathMatch: "full" }
        ]
}