didInsertElement from controller?

Question

I have an ember application with a controller header.js and a template header.hbs.

Now I have some javascript I need to execute at document $( document ).ready()

I saw on Ember Views there is didInsertElement but how do I do this from the controller?

// controllers/header.js
import Ember from 'ember';
export default Ember.Controller.extend({
});

// views/header.js
import Ember from 'ember';
export default Ember.Controller.extend({
});

// templates/header.js
test

I read several times it's not good practice to be using Ember Views?

Answer 1

the controller is not inserted (the view is) hence there is no didInsertElement.

If you need something to run once, you can write something like this:

import Ember from 'ember';
export default Ember.Controller.extend({
    someName: function () {  // <--- this is just some random name
        // do your stuff here
    }.on('init')  // <---- this is the important part
});

Answer 2

A more actual answer (Ember 2.18+) while honouring the same principle as mentioned in user amenthes' answer: it's no longer advised to use Ember's function prototype extensions. Instead you can override the init() method of a controller directly. Do note that you'll have to call this._super(...arguments) to ensure all Ember-related code runs:

import Controller from '@ember/controller';

export default Controller.extend({
  init() {
    this._super(...arguments); // Don't forget this!

    // Write your code here.
  }
});