2014-10-03 9 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