基于单选按钮选择重定向到另一个页面

Question

**我有 2 个单选按钮（按钮 1、按钮 2），每当我 select 编辑按钮 1 并单击下一个按钮时，它都会重定向到另一个页面，就像我 select按钮 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>

在 select 单选按钮后单击下一个按钮，它将重定向到另一个页面。

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>

Class:

  myrouterLink='/role'

DEMO

基于单选按钮选择重定向到另一个页面

based on radio button selection redirect to another page

html

typescript

angular-ui-router

angular2-routing

angular