ui路由器动态URL问题 - url:'/:id / page1'无效

时间:2016-05-09 09:52:10

标签: angularjs angularjs-directive angular-ui-router angular-ui-router-extras

如何使用ui路由器创建动态路由,

如果我们定义:

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

一切正常,

但是如果我们首先尝试添加动态id然后再添加页面名称,那么它会给出错误

错误:

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

如何解决这个问题,任何人都可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分: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>