component

controller.js

Ember.ObjectController.create({
  createMarker: function() {
    var marker = new InfoBox();
    var markerView = this.get('container').lookup('component:custom-marker');

    markerView.append();
    
    markerView.set('controller', Ember.ObjectController.create({
      marker: marker,
      settingIcon: settingIcon,
      settingSize: settingSize,
      settingColor: settingColor,
      row: row
    }));
    
    Ember.run.scheduleOnce('afterRender', markerView, function() {
      var $detached = this.$().detach();
      marker.setContent($detached.get(0));
    });
  }
}

custom-marker.js

export default Ember.Component.extend({
  layoutName: 'components/custom-marker'
})