@ArthurHlushko

Как сделать роутинг для разных групп на их страницу?

Есть страничка, где я могу создавать групы /groups, нужно сделать так, чтобы при клике на групы происходил роутинг на /groups/(имя групы), как можно это сделать?
html
<app-header></app-header>
<section class="section-groups">
    <div class="container">
        <div class="main-page-wrap">
            <div class="groups_list fl-r">
                <div *ngFor="let group of us.data.groups" class="groups_wrap">
                    <div class="groups_item">
                        <a (click)="toGroup($event)" class="groups_card">
                            <div class="groups_img">
                                <img src="/assets/img/groups/shopping.png" class="{{group}}" alt="">
                            </div>
                            <div class="groups_text">
                                <p>{{group}}</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


ts
import { Component, OnInit } from '@angular/core';
import { UserService } from '../../services/user.service'
import { Router } from '@angular/router'

@Component({
	selector: 'app-groups',
	templateUrl: './groups.component.html',
	styleUrls: ['./groups.component.scss']
})
export class GroupsComponent implements OnInit {

	constructor(public us: UserService, private router: Router) { }

	toGroup(event) {
		// this.router.navigate(['/groups/friends/', event.target.className])
	}

	ngOnInit(): void {
	}

}
  • Вопрос задан
  • 79 просмотров
Решения вопроса 1
Xuxicheta
@Xuxicheta Куратор тега Angular
инженер
<a [routerLink]="['/', 'groups', group]" class="groups_card">


вопрос это шутка была, да? :)))
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы