переключатель автоматического выбора не запускает маршруты

Question

Я пишу код в angular. Я попытался выбрать авто в радиокнопке, но это не вызывает событие щелчка. Необходимо снова щелкнуть переключатель, чтобы сгенерировать событие. Вот что я сделал

     <mat-radio-group aria-label="Select an option">

                    <mat-radio-button value="2" routerLink='/products/tshirt/shirt' [checked]='true'><span>Shirt</span></mat-radio-button><br>
                    <mat-radio-button value="3"><span>Cap</span></mat-radio-button>
                  </mat-radio-group>

Я отмечен переключателем, но маршруты не работают.

Answer 1

Вы не можете установить атрибут routerLink для mat-radio-button. Но вы можете перемещаться по событию изменения радиокнопки:

<mat-radio-group aria-label="Select an option">
   <mat-radio-button value="2" (change)="changeRoute($event)"><span>Shirt</span></mat-radio-button>
   <mat-radio-button value="3" (change)="changeRoute($event)"><span>Cap</span></mat-radio-button>
</mat-radio-group>

И в файле TS вы можете изменить маршрут в соответствии с выбранным значением:

 private changeRoute(event:MatRadioChange){
    if(event.value === "2"){
      this.router.navigate(['/products/tshirts/shirt']);
    }
  }

И в вашем TS файл не забудьте ввести роутер:

constructor(private router: Router){}