How to access the params in controller ember.js

Question

This is my router.js code.

this.route('contact',{'path': '/contact/:chat_id'});

and This is my route.js code.

model(params) {

  return this.store.findRecord("chat", params.chat_id)
},

and This is my controller.js code and can i use like this. It shows error as null value please help me. How to use params in controller

recordChat: function() {

  var chat = this.get(params.chat_id)

  Ember.RSVP.hash({
    offer_id: chat,
  })
}

Answer 1

Edited for 2021: There's actually probably a much simpler way to do this now in Ember. See https://guides.emberjs.com/v3.27.0/routing/query-params/

Original Answer

I think the simplest answer is to create a variable in route and then set it in the setupController:

your_route.js

export default Ember.Route.extend({
  model(params) {
    this.set('myParam',params.my_Params);
    
    // Do Model Stuff...
  },
  setupController(controller, model) {
    // Call _super for default behavior
    this._super(controller, model);
    // Implement your custom setup after
    controller.set('myParam', this.get('myParam'));
  }
});

Answer 2

In your route.js, you need to call the setupController function like this:

setupController(controller, model) {
    this._super(...arguments);
    controller.set('chat', model);
}

Now you have access to it in your controller by calling:

recordChat() {
   const chat = this.get('chat');
   //  if you don't call the setupController function, you could also do:
   // const chat = this.get('model') or this.get('model.id') if you want the id only
}

UPDATE:

See working twiddle here