packages/angular/test/base/src/app/lazy/router-link/router-link.component.html - main - githubmirror/ionic

packages/angular/test/base/src/app/lazy/router-link/router-link.component.html

40 строк2 KB

Brandy Carney

fix(angular): remove the tabindex set by routerLink from Ionic components (#29744)

08 авг 2024, 18:02

08 авг 2024, 18:0220073e1

<ion-header>
  <ion-toolbar>
    <ion-title>
      Router Link Test
    </ion-title>
  </ion-toolbar>
</ion-header>
<ion-content class="ion-padding">

  <p>ngOnInit: <span id="ngOnInit">{{onInit}}</span></p>
  <p>ionViewWillEnter: <span id="ionViewWillEnter">{{willEnter}}</span></p>
  <p>ionViewDidEnter: <span id="ionViewDidEnter">{{didEnter}}</span></p>
  <p>ionViewWillLeave: <span id="ionViewWillLeave">{{willLeave}}</span></p>
  <p>ionViewDidLeave: <span id="ionViewDidLeave">{{didLeave}}</span></p>
  <p>Change Detections: <span id="counter">{{counter()}}</span></p>

  <p>
    <ion-button routerLink="/lazy/router-link-page" expand="block" color="dark" id="routerLink">ion-button[routerLink]
    </ion-button>
    <ion-button routerLink="/lazy/router-link-page" routerDirection="root" expand="block" color="dark" id="routerLink-root">
      ion-button[routerLink] (direction:root)</ion-button>
    <ion-button routerLink="/lazy/router-link-page" routerDirection="back" expand="block" color="dark" id="routerLink-back">
      ion-button[routerLink] (direction:back)</ion-button>
  </p>

  <p><a [routerLink]="null">null router link</a></p>
  <p><a routerLink="/lazy/router-link-page" id="a">a[routerLink]</a></p>
  <p><a routerLink="/lazy/router-link-page" routerDirection="root" id="a-root">a[routerLink] (direction:root)</a></p>
  <p><a routerLink="/lazy/router-link-page" routerDirection="back" id="a-back">a[routerLink] (direction:back)</a></p>

  <p><button (click)="navigate()" id="button">navigate</button></p>
  <p><button (click)="navigateForward()" id="button-forward">navigateForward</button></p>
  <p><button (click)="navigateRoot()" id="button-root">navigateForward</button></p>
  <p><button (click)="navigateBack()" id="button-back">navigateBack</button></p>

  <p><button id="queryParamsFragment" routerLink="/lazy/router-link-page2/MyPageID==" [queryParams]="{ token: 'A&=#Y' }"
      fragment="myDiv1">Query Params and Fragment</button></p>

  <p><span routerLink="/lazy/router-link-page" id="span">span[routerLink]</span></p>
</ion-content>