基于在Angular中选中的单选按钮导航到特定页面

<input type="radio" name="page" value="home" [(ngModel)]="selectedPage"> Home
<input type="radio" name="page" value="about" [(ngModel)]="selectedPage"> About
<input type="radio" name="page" value="contact" [(ngModel)]="selectedPage"> Contact

export class RadioButtonComponent {
  selectedPage: string;

  navigateToPage() {
    switch (this.selectedPage) {
      case 'home':
        // 导航到Home页面的逻辑
        break;
      case 'about':
        // 导航到About页面的逻辑
        break;
      case 'contact':
        // 导航到Contact页面的逻辑
        break;
      default:
        // 默认导航到某个页面的逻辑
        break;
    }
  }
}

<input type="radio" name="page" value="home" [(ngModel)]="selectedPage" (change)="navigateToPage()"> Home
<input type="radio" name="page" value="about" [(ngModel)]="selectedPage" (change)="navigateToPage()"> About
<input type="radio" name="page" value="contact" [(ngModel)]="selectedPage" (change)="navigateToPage()"> Contact