Angular да программная навигация

URLлар бўйича фақат ссылкалар орқалигина эмас, балки 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га, иккинчи тугма эса бошқа URLга ўтсин.