Истифодаи параметрҳои масир дар компонент дар Angular

Биёед акнун бинем, ки чӣ гуна мо метавонем параметрҳои роутҳоро дар дохили синфи компонент истифода барем.

Фарз кунем, ки мо масири зеринро бо параметрҳо дорем:

const routes: Routes = [
	{ path: 'aaaa/:id', component: AaaaComponent },
	{ path: 'bbbb', component: BbbbComponent },
];

Фарз кунем, ки мо пайвандҳо барои гузариш ба ин компонент бо параметрҳои гуногун дорем:

<nav>
	<a
		routerLink="/aaaa/1"
		routerLinkActive="active"
	>
		1
	</a>
	<a
		routerLink="/aaaa/2"
		routerLinkActive="active"
	>
		2
	</a>
	<a
		routerLink="/aaaa/3"
		routerLinkActive="active"
	>
		3
	</a>
</nav>

Фарз кунем, ки дар компоненти фарзанд массивҳои зерӣ мавҷуданд:

let arr: string[] = [
	'a', 'b', 'c', 'd', 'e'
];

export class AaaaComponent {

}

Биёед, вобаста ба қимати параметри масир унсури мувофиқи массивро ба даст орем:

export class AaaaComponent {
	constructor(private activateRoute: ActivatedRoute) {
		let params = activateRoute.snapshot.params;
		let id = params['id'];
		
		this.value = arr[id];
	}
}

Унсури дастёрифтаро дар намоиш медиҳем:

қимат: {{ value }}

Фарз кунем, ки дар компоненти фарзанд массиви зерини объектҳо нигоҳ дошта мешавад:

[
	{
		name: 'user1',
		surn: 'surn1',
	},
	{
		name: 'user2',
		surn: 'surn2',
	},
	{
		name: 'user3',
		surn: 'surn3',
	},
]

Масире бо параметр созед. Бигзор вобаста ба қимати параметр дар намоиш маълумоти якеро аз истифодабарандагон чоп кунед.