Ծրագրային նավիգացիա Angular-ում

Սեղմել հղումներով կարելի է ոչ միայն օգտագործելով հղումները, այլև JavaScript-ի կոդի ներսում, օգտագործելով հատուկ հրամաններ:

Դա արվում է Router սերվիսի միջոցով։ Եկեք նայենք, թե ինչպես աշխատել դրա հետ։ Սկզբից իմպորտավորենք այն։

import { Router } from "@angular/router";

Այժմ ներարկենք կոմպոնենտում կախվածության ներարկման միջոցով։

export class AppComponent {
	constructor(private router: Router) {
	
	}
}

Սերվիսն ունի navigate մեթոդը, որը անցնում է տրված URL-ին։ Օգտագործենք այս մեթոդը։

export class AppComponent {
	constructor(private router: Router) {
	
	}
	
	go() {
		this.router.navigate(['/aaaa/']);
	}
}

Այժմ կանչենք go մեթոդը կոճակի սեղմման ժամանակ։

<button (click)="go()">btn</button>

Ստեղծեք երկու կոճակ։ Թող առաջինը տեղափոխի մեկ URL, իսկ երկրորդը՝ մեկ այլ։