UI 路由器动态 URL 问题 - URL：'/:id/page1'不起作用

Question

如何在使用ui路由器、时创建动态路由

如果我们定义：

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

它运行良好，

但如果我们尝试先添加动态id，然后添加页面名称，则会出现错误，

错误：

$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>