Dynamically render HTMLBars.

README.md

How to use

{{dynamic-template source=htmlbarsTemplateStingHere}}

dynamic-template-render.js

import Ember from 'ember';

export default Ember.Component.extend({});

dynamic-template.hbs

{{#if subLayout}}
    {{dynamic-template-render layout=subLayout}}
{{/if}}

dynamic-template.js

import Ember from 'ember';

export default Ember.Component.extend({
    source: '',
    subLayout: null,

    didInsertElement() {
        Ember.run.scheduleOnce('afterRender', this, 'updateTemplate');
    },

    updateTemplate() {
        this.set('subLayout', null);

        Ember.run.scheduleOnce('afterRender', this, function() {
            this.set('subLayout', Ember.HTMLBars.compile(this.get('source')));
        });
    },

    observerSource: Ember.observer('source', function() { this.updateTemplate(); }),
});