簡單的兒童路由角2

Question

我想在角度2登錄按鈕做兒童路由只是爲了檢查目的，但它給了我這個

錯誤：無法匹配任何路由。 URL段： '申請'

這裏的路線

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" } 
     ] 
}