2014-10-03 208 views
1

我正在使用ui-router并定义了几种状态。在我的一个观点中,我有一个表单,用户可以在该视图中添加一个“团队”。我有一个按钮供每个团队查看该团队的其他详细信息。我想要做的是设置它,以便当我点击该按钮时,团队视图就会出现例如/#/teams/yankees这样的URL。使用绑定与UI路由器

我可能只是没有找到正确的地方或知道确切的术语,但我至今还没有弄清楚。

下面是我目前在这个部分的app.js中的一个片段。

app.config(
    ['$stateProvider','$urlRouterProvider', 
    function($stateProvider, $urlRouterProvider){ 
    $urlRouterProvider.otherwise('/'); 
    .state('teams', { 
     url: '/teams', 
     templateUrl: './templates/main/teams.html', 
     controller: 'teamsCtrl' 
    }) 
    .state('teams/{{ team.title }}', { 
     url: '/teams/{{ team.title }}', 
     templateUrl: './templates/main/team.html', 
     controller: 'topicCtrl' 
    }) 

每当我按一下按钮,现在去/#/teams/yankees我最终被$urlRouterProvider.otherwise('/');被路由有人点我在正确的方向?

回答

2

这将有助于知道你的链接是什么样的......你使用的是ui-sref吗?通常URL属性看起来更像这个是这样的:

.state('teams/{{ team.title }}', { 
    url: '/teams/:title', 
    templateUrl: './templates/main/team.html', 
    controller: 'topicCtrl' 
}) 

而非{{}}

+0

这实际上是它!我无法相信这是一个简单的变化。干得好先生! – gjanden 2014-10-03 22:35:54

+0

很高兴成为服务:) – Phil 2014-10-03 22:37:02