在Ember View中動態加載JavaScript

Question

是否可以在Ember View Handlebars模板中運行Javascript？我想在模板添加到DOM時運行Javascript。

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

在視圖上的didInsertElement函數被調用時，它已被添加到DOM，見documentation。

然後，您可以通過this.$()訪問添加視圖，請參閱http://jsfiddle.net/NuaA6/

把手：

<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();