Можем ли мы иметь два маршрута с динамическими именами на веб-сайте angular 5?

Question

Маршруты следующие:

{
  path: ":referralCode",
  component: HomeComponent
},
{
  path: ':slug', 
  component: PagesComponent
}

Answer 1

Да, если вы можете определить отдельные шаблоны для каждого, вы сможете использовать UrlMatcher.См. https://angular.io/api/router/UrlMatcher.

Пример:

export function slugMatcher(url: UrlSegment[]) {
    return url[0].path.startsWith('slug') ? ({consumed: url}) : null; // define a pattern for a slug??
}

export function referralMatcher(url: UrlSegment[]) {
    return url[0].path.startsWith('ref') ? ({consumed: url}) : null; // define a pattern for a referal??
}

export const routes = [
    {
        matcher: slugMatcher,
        component: HomeComponent
    },
    {
        matcher: referralMatcher, 
        component: PagesComponent
    }
];