Using binding with UI Router

Question

I am working with ui-router and have several states defined. On one of my views I have a form where a user can add a 'team' to the view. I have a button for each team to view additional details on that team. What I am trying to do is set it up so that when I click on that button the team view comes up with the URL like /#/teams/yankees for example.

I may just not be looking in the right places or know the exact term for this, but I have not been able to figure it out so far.

Below is a snippet of what I currently have in my app.js for this portion.

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'
    })

Whenever I click on the button now to go to /#/teams/yankees I end up being routed by $urlRouterProvider.otherwise('/'); Can someone point me in the right direction?

Phil · Accepted Answer · 2014-10-03 22:25:10Z

1

It would be helpful to know what your links look like... are you using ui-sref? Typically url attributes look more like this like this:

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

rather than the {{}}

answered Oct 3, 2014 at 22:25

Phil

7579 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gjanden Over a year ago

That was actually it! I can't believe it was that simple of a change. Well done sir!

Phil Over a year ago

glad to be of service :)

Collectives™ on Stack Overflow

Using binding with UI Router

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related