ბმულები რაუტინგისთვის Angular-ში

წინა გაკვეთილებში ჩვენ URL-ს ხელით აკopებდით მისამართების ზოლში. მოდით ახლა გავაკეთოთ ბმულები, რომლებზე დაჭერითაც გამოჩნდება სხვადასხვა კომპონენტები.

ამისთვის ჩვენ ბმულებს გავაკეთებთ განსაკუთრებული გზით. საქმე იმაშია, რომ ჩვენ არ გვჭირდება ნამდვილი გადასვლა ბმულებზე. ჩვენ უბრალოდ გვინდა, რომ Angular-მა აჩვენოს სხვა კომპონენტი, შეცვალოს URL ბრაუზერის მისამართების ზოლში და ამასთანავე არ განაახლოს გვერდი.

ამიტომ, ნატიური ატრიბუტის href ნაცვლად, ჩვენ გამოვიყენებთ Angular-ის ატრიბუტს RouterLink.

ამისთვის ჩვენ უნდა დავაიმპორტოთ იგი:

import { RouterLink } from '@angular/router';

დეკორატორში დავწეროთ:

@Component({
	......
	imports: [RouterOutlet, RouterLink],
	......
})

ახლა ჩვენ შეგვიძლია გავაკეთოთ ჩვენი ბმულები:

<nav>
	<a routerLink="/aaaa/">
		Aaaa
	</a>
	<a routerLink="/bbbb/">
		Bbbb
	</a>
</nav>

გააკეთეთ ბმულები, რომლებიც გადართავს თქვენ კომპონენტებს.