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