Search code examples
ember.jsember-router

How do I retrieve the path of a route?


Given the following Router setup:

App.Router.map(function() {
  this.resource('posts', function() {
    this.route('new');
    this.resource('post', { path: ':post_id' }, function() {
      this.route('edit');
    });
  });
});

Is it possible to obtain the path of a route?

Fictitious example:

App.Router.get('path', 'posts.new'); //=> "/posts/new"

Or with a model like:

App.Router.get('path', 'post.edit', model); //=> "/posts/1/edit"

Solution

  • Try this in your console/dev tools:

    App.Router.router.generate(['posts.new']);
    

    this should output:

    /posts/new
    

    And with a model:

    App.Router.router.generate(['post.edit'], postModel);
    

    will output

    /posts/1/edit
    

    Thanks to @MilkyWayJoe's reference! https://github.com/emberjs/ember.js/blob/master/packages/ember-routing/lib/helpers/link_to.js#L112-L117 :)