ember.js: transitioning to the same route creates a stack overflow issue

Question

this is my route:

photo: Ember.Route.extend({
      route: '/photo/:photo_id',
      showPhoto: Ember.Route.transitionTo('root.photo'),
      connectOutlets: function(router, photo) {
        console.log("TEST");
        router.get('applicationController').connectOutlet('photo', photo);
      },
    })

Within my PhotoView, I have a few places, where i have to show "related photos", whose thumbnails should also be clickable, so I have this

<a {{action showPhoto this href=true}}> ...photo... </a>

However, if I click on the links afterwards, I get a stack overflow error. How do I resolve this? I really need to route to the same view, but with new data

Answer 1

Replace

action showPhoto this href=true with

action showPhoto photo href=true

without jsfiddle it is hard to check my answer.