다른 페이지로 리디렉션

Question

** 버튼 1을 선택하고 다음 버튼을 클릭 할 때마다 버튼 2를 선택할 때마다 같은 다른 페이지로 리디렉션됩니다 (** 버튼 2, 버튼 2). 나는 다른 페이지로 리다이렉트 할 다음 버튼을 클릭한다. 그것은 가능하다.

<div class="animated fadeIn"> 
    <div class="row"> 
    <div class="col-md-12"> 
     <h3>Add Credential</h3> 
    </div> 
    </div> 
    <div class="card-header text-center"> 
    <h3>Select a cloud provider</h3> 
    <h2 class="text-right"> 
     <button type="button" class="btn btn-primary">Next</button> 
    </h2> 
    </div> 
    <div class="card-block"> 
    <div> 
     <img src="\src\img\amazon.png"> 
     <div class="radio"> 
     <label> 
      <input type="radio" name="amazon" (click)="myRouterLink='/credentials/amzonradi1'" value="IAM Role (Preferred)" [checked]='true' 
      > IAM Role (Preferred) 
     </label> 
     </div> 
     <div class="radio"> 
     <label> 
      <input type="radio" name="amazon" value=" IAM User " (click)="myRouterLink='/credentials/amzonradi2'"> IAM User 
     </label> 
     </div> 
    </div> 
    </div> 

라디오 버튼을 선택한 후 다음 버튼을 클릭하면 다른 페이지로 리디렉션됩니다.

Answer 1

당신은 예를 들어 일을 달성 할 수

, 다음

HTML

<button type="button" [routerLink]="[myrouterLink]" class="btn btn-primary">Next</button> 
...... 

<input type="radio" name="amazon" (click)="myRouterLink='/role'" value="IAM Role 
(Preferred)" (click)="setradio('IAM Role (Preferred)')" [checked]='true'> 
.... 

<input type="radio" (click)="myRouterLink='/user'" name="amazon" value=" IAM User " 
(click)="setradio(' IAM User ')" ngModel> 

등급 :

myrouterLink='/role' 

DEMO