Question

我正在使用ui-router并定义了几个状态。在我的一个观点中，我有一个表单，用户可以在该表单中添加“团队”。每个团队都有一个按钮，可以查看该团队的其他详细信息。我要做的是设置它，以便当我点击该按钮时，团队视图会出现像/#/teams/yankees这样的网址。

我可能只是没有找到合适的地方或者知道确切的术语，但到目前为止我还没弄清楚。

下面是我目前在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'
})

而不是{{}}

使用与UI路由器的绑定

1 个答案: