使用綁定與UI路由器

Question

我正在使用ui-router並定義了幾種狀態。在我的一個觀點中，我有一個表單，用戶可以在該視圖中添加一個「團隊」。我有一個按鈕供每個團隊查看該團隊的其他詳細信息。我想要做的是設置它，以便當我點擊該按鈕時，團隊視圖就會出現例如/#/teams/yankees這樣的URL。

我可能只是沒有找到正確的地方或知道確切的術語，但我至今還沒有弄清楚。

下面是我目前在這個部分的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('/');被路由有人點我在正確的方向？

Answer 1

這將有助於知道你的鏈接是什麼樣的......你使用的是ui-sref嗎？通常URL屬性看起來更像這個是這樣的：

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

而非{{}}