title: based on radio button selection redirect to another page
body: <p>**I have 2 radio buttons(button 1, button 2), whenever I selected button 1 and click on next button it will redirect to another page same like whenever I select button 2 I click on next button it will redirect to another page .how it *possible.</p>
  
  <pre><code>&lt;div class="animated fadeIn"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
        &lt;h3&gt;Add Credential&lt;/h3&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="card-header text-center"&gt;
      &lt;h3&gt;Select a cloud provider&lt;/h3&gt;
      &lt;h2 class="text-right"&gt;
        &lt;button type="button" class="btn btn-primary"&gt;Next&lt;/button&gt;
      &lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class="card-block"&gt;
      &lt;div&gt;
        &lt;img src="\src\img\amazon.png"&gt;
        &lt;div class="radio"&gt;
          &lt;label&gt;
            &lt;input type="radio" name="amazon" (click)="myRouterLink='/credentials/amzonradi1'" value="IAM Role (Preferred)"  [checked]='true'
             &gt; IAM Role (Preferred)
          &lt;/label&gt;
        &lt;/div&gt;
        &lt;div class="radio"&gt;
          &lt;label&gt;
            &lt;input type="radio" name="amazon" value=" IAM User " (click)="myRouterLink='/credentials/amzonradi2'"&gt; IAM User
          &lt;/label&gt;
        &lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>After select radio button and click on the next button it will redirect to another page.</p>