ラジオボタンの選択に基づく別のページへのリダイレクト

Question

**ボタン1を選択して次のボタンをクリックすると、2つのラジオボタン（ボタン1、ボタン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