CODEWITHSUNDEEP
ember.jsember-router
i0n
i0n

Reputation: 926

Defining a multi segmented catch all route in ember.js

I am using Ember.js and I would like to create a catch all route to send the user back to the root of the application if they navigate to a URL that does not match a resource. (I am using the history API) I have implemented this like so:

App.Router.map(function() {
    this.resource('things', function() {
        this.resource('thing', {path:':thing_id'}); 
    });
    this.route('catchAll', { path: ':*' });
    this.route('catchAll', { path: ':*/:*' });
    this.route('catchAll', { path: ':*/:*/:*' });
});

App.Router.reopen({
  location: 'history'
});

App.CatchAllRoute = Ember.Route.extend({ 
    redirect: function() {
        this.transitionTo('index'); 
    }
});

App.IndexRoute = Ember.Route.extend({ 

});

My question is: Can I define a single catch all route that will match any path that has not resolved to a resource irrespective of the number of segments in the path?

I am using Ember.VERSION : 1.0.0-rc.1

Upvotes: 9

Views: 1707

Answers (1)

Shimon Rachlenko
Shimon Rachlenko

Reputation: 5517

After some fiddling i think I've found a solution: the *: seems to do the trick, like 

this.route('catchAll', { path: '*:' });

I set up this fiddle to demonstrate how it works.

Upvotes: 22

Related Questions