Динамический URL-адрес маршрутизатора пользовательского интерфейса - URL: '/:id/page1' не работает

Question

Как создать динамический маршрут при использовании пользовательского интерфейса маршрутизатора,

если мы определим:

$stateProvider.state('page1', {
      url: '/page1/:id',
      views:{}
}

Работает нормально,

Но если мы попытаемся сначала добавить динамический идентификатор, а затем имя страницы, это выдаст ошибку,

ОШИБКА:

$stateProvider.state('page1', {
      url: '/:id/page1',
      views:{}
}

Как решить эту проблему, кто-нибудь может мне помочь в этом?

Answer 1

Итак, основываясь на вашем комментарии, вы должны использовать что-то вроде этого:

$stateProvider
  .state('page1', {
  url: '/:id/page1'
});

Часть выше была просто в порядке. Но в вашей ссылке вы должны использовать что-то вроде этого:

<a ui-sref="page1({id: '1234'})">page1</a>

Вы также можете установить переменную в ui-sref лайк:

<a ui-sref="page1({id: page.id})">page1</a>