Jquery 如何使用Ember将新模板动态插入DOM?
我有一个Ember.js应用程序。在主模板中,我有一个帮助按钮,单击该按钮时应显示CSS工具提示。我有一个单独的车把模板的工具提示 我试图做的是处理click事件,将弹出窗口插入DOM并显示它。我不知道如何使用Ember将新模板插入DOM 以下是显示“帮助”按钮的我的模板:Jquery 如何使用Ember将新模板动态插入DOM?,jquery,ember.js,handlebars.js,Jquery,Ember.js,Handlebars.js,我有一个Ember.js应用程序。在主模板中,我有一个帮助按钮,单击该按钮时应显示CSS工具提示。我有一个单独的车把模板的工具提示 我试图做的是处理click事件,将弹出窗口插入DOM并显示它。我不知道如何使用Ember将新模板插入DOM 以下是显示“帮助”按钮的我的模板: <div id="status_help" class="icon_help" {{action "helpClicked"}}></div> 因此,我不确定在事件处理程序中如何呈现工具提示模板并将
<div id="status_help" class="icon_help" {{action "helpClicked"}}></div>
因此,我不确定在事件处理程序中如何呈现工具提示模板并将其注入要显示的DOM中。您可以使用
Ember.view
的append
或appendTo
方法创建一个新视图并将其附加到DOM中
App.MyView = Ember.View.extend({
templateName: 'a_template'
})
var view = App.MyView.create();
// Append the view to the document body
view.append();
// ...or append to any element described using
// a jQuery-compatible selector.
view.appendTo('#my-div');
还有一个
replaceIn
方法,请参见。我是反向操作的。我在父视图上调用append来尝试附加子视图。我来试一试,谢谢。既然视图已经被弃用了,在Ember 2.x中该怎么做呢?
App.MyView = Ember.View.extend({
templateName: 'a_template'
})
var view = App.MyView.create();
// Append the view to the document body
view.append();
// ...or append to any element described using
// a jQuery-compatible selector.
view.appendTo('#my-div');