我怎样才能动态地插入一个新的模板与灰烬的DOM？(How can I dynamically ins

我有一个Ember.js应用。 在主模板，我有点击应显示CSS工具提示时帮助按钮。 我有提示是一个独立的把手模板。

我正在试图做的是处理click事件，插入弹出到DOM和显示。 我无法弄清楚如何将新模板导入使用灰烬的DOM。

这是我在显示帮助按钮模板：

<div id="status_help" class="icon_help" {{action "helpClicked"}}></div>

这是我的主要观点：

var checkbox = Ember.Checkbox.extend({
    templateName: 'checkbox',
    helpClicked: function(e) {
        // Not sure what to do here
    }
}));

var tooltip = Ember.View.extend({
    templateName: 'tooltip'
});

所以，我不知道该怎么在事件处理程序来呈现提示模板，并将其注入到DOM来显示做。

Answer 1:

您可以创建一个新的观点，并追加到使用DOM Ember.View的append或appendTo方法。

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

文章来源: How can I dynamically insert a new template into the DOM with Ember?