einfaches Kind in Routing-Winkel 2

Question

Ich versuche Kind zu tun Schaltfläche Routing in Winkel 2 bei der Anmeldung nur Zweck zu überprüfen, aber es gibt mir diese

Fehler: keine Routen anzeigen lassen. URL Segment: 'Sign-up'

Hier ist der Code von Routen

export const routes: Routes = [ 

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

Und hier ist die Anmeldungs ​​Vorlage

<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

Versuchen Sie, die Route als wie unten ersetzen,

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