ember.js - 如何将 View 附加到 View 内的 div 中？

Question

我正在尝试按 id 将 View 附加到占位符 div，与此处的答案一致:How can I dynamically insert a new template into the DOM with Ember? 。

insertInfoBox:function (context) {
    var infoBoxView = App.LocatorInfoBox.create({
        context:context
    });

    infoBoxView.appendTo('#infoBoxHolder');
},

我收到以下错误:未捕获错误:

断言失败:您无法追加到现有的 Ember.View。考虑改用 Ember.ContainerView。

“infoBoxHolder”div 嵌套在另一个 View 中，但其本身并不是 View 。如果我将 infoBoxView 设置为 ParentView 的子级(如果我将父级更改为容器 View )，我不清楚如何将 View 插入子 div 'infoBoxHolder' 而不是直接插入父容器 View 的根元素.

Answer 1

我不确定您为什么要这样做，但您可以使用 didInsertElement 函数。类似于:

App.MyView = Ember.View.extend({
    didInsertElement: function() {
        $('#elementId').append(...);
    }
});

我的做法是通过模板，例如:

App.MyView = Ember.View.extend({
    template: Ember.Handlebars.compile('{{#if someCondition}}{{MyApp.MyOtherView valueBInding="..."}}{{/else}}');
});