jquery - 如何使用 Ember 将新模板动态插入到 DOM 中？

Question

我有一个 Ember.js 应用程序。在主模板中，我有一个帮助按钮，单击该按钮应显示 CSS 工具提示。我的工具提示是一个单独的把手模板。

我要做的是处理单击事件以将弹出窗口插入 DOM 并显示它。我不知道如何使用 Ember 将新模板插入 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

Ember.View您可以使用'sappend或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');