Question

Is it possible to run Javascript inside an Ember View Handlebars template? I want to run the Javascript when the template is added to the DOM.

window.App = Ember.Application.create()

App.TestView = Ember.View.create
    tagName: 'div'
    template: Ember.Handlebars.compile '<script>console.log("some javascript");</script><div>This is a view</div>'

App.TestView.append()

Answer 1

The didInsertElement function on a view is invoked when it has been added to DOM, see documentation.

You can then access the added view via this.$(), see http://jsfiddle.net/NuaA6/

Handlebars:

<script type="text/x-handlebars" data-template-name="tmpl" >
    hello from template
</script>​

JavaScript:

App = Ember.Application.create({});

Ember.View.create({
    templateName: 'tmpl',
    didInsertElement: function() {
        console.log('view has been added to dom', this.$());
    }
}).append();