Навигатсияи барномавӣ дар Angular

Гузаштан ба урлҳо на танҳо бо ёрии пайвандҳо, балки дар дохили рамзи JavaScript, бо ёрии фармонҳои махсус низ имконпазир аст.

Ин бо ёрии хизматрасонии Router анҷом дода мешавад. Биёед бубинем, чӣ тавр бо он кор кардан мумкин аст. Барои оғоз онро ворид кунем:

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

Акнун онро ба компонент бо ёрии воридкунии вобастагӣ (dependency injection) дохил мекунем:

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>

Ду тахтача созед. Бигзор якум ба як урл гузарад, ва дуюм - ба дигаре.