UI Router parameter URL not working just redirecting to /

Question

I am trying to get UI router to have a detailed message view, here is the code:

  .state('app.messages.detail', {
        url: 'messages/{id}',
        templateUrl: 'templates/views/message.html',
        controller: function($scope, sharedProperties, $stateParams) {
          console.log($stateParams);
          messages = sharedProperties.getMessages();
          $scope.message = messsages.name[$stateParams.id];
    }
  })

Here is the messages array:

var messages = { 
  "Deputy": 
  {
    "name": "Deputy", 
    "message": ["Test", "Whey", "I See you!"]
  },
  "SOCO": 
  {
    "name": "SOCO",
    "message": ["Second Test", "Does this actually work?"]
  }
};

However when I go to /#/messages/Deputy I get redirected to / (There's a redirect to say to go to / if page not found)

Anyway, you can here and try this to debug your routing. Hope it will help. — MaKCbIMKo
– MaKCbIMKo, Commented Apr 27, 2016 at 21:41

Radim Köhler · Accepted Answer · 2016-04-28 09:21:26Z

1

Would be nice to see the complete picture of the state hierarchy. Because this:

However when I go to /#/messages/Deputy I get redirected to / (There's a redirect to say to go to / if page not found)

could be related to parent state, which (I expect) already defines /messages

// parent
.state('app.messages', {
    url: '/messages',

// child should not repeat the parent's *url* part, it is already there
.state('app.messages.detail', {
    //url: 'messages/{id}',
    url: '/{id}',

Because without that adjustment (using doubled /messages definition) we would need url like this

/#/messages/messages/Deputy

answered Apr 28, 2016 at 9:21

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

1 Comment

Aaron Russell Over a year ago

This worked but how would they use different templates?

oguzhan00 · Accepted Answer · 2016-04-27 22:19:48Z

0

when you run this code you should see an error like that at the console:

Cannot read property 'Deputy' of undefined

I think true message definition is should be:

$scope.message = messsages[$stateParams.id];

answered Apr 27, 2016 at 22:19

oguzhan00

5098 silver badges16 bronze badges

Collectives™ on Stack Overflow

UI Router parameter URL not working just redirecting to /

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related