Making Emberfire app restful

[Breon Knight]

I'm having a difficult time understanding how to create my routes.

For example, how would the below be implemented.

/food/:id

/state/:state_id/citys

[Tim Stirrat]

Hi Breon,

That's more of a general Ember question, not specific to EmberFire, but lets see if I can give you some tips with links to the official docs.

For the first one you can define it as a standard route with a dynamic segment:

// app/router.js
Router.map(function() {

  this.route('food', {path: '/food/:food_id'});

  // ...

and for the second one you'd need nested routes:

  this.route('state', {path: '/state/:state_id'}, function() {

    // note there is an implied sub route called 'index' here

    this.route('cities'); // templates at /

  });

Now that you have defined the routes, you can access the dynamic parameters in the route files:

// app/routes/state.js

export default Ember.Route.extend({

  model(params) {

    return this.store.findRecord('state', params.state_id);

  }

});

Hope that gives you enough to get it working.

Happy coding 🔥

Tim

--
You received this message because you are subscribed to the Google Groups "Firebase + EmberJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to firebase-embe...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Tim Stirrat]

That comment should  have read:

    this.route('cities'); // templates at templates/state/cities.hbs

[Breon Knight]

Thanks Tim,

I was really overthinking all of this. This really clarified a lot of things for me.