Question

ContainerView.pushObject()不会自动使用Container对象自动添加动态添加的视图。 当视图呈现包含手柄渲染帮助器的模板时，缺少自动连线容器会导致渲染失败。

简单的工作案例（种类）

查看：

App.DynamicView = Em.View.extend({
    templateName: 'dynamic',
    didInsertElement: function() {
        var control = this.get('controller');
        control.send( 'view_inserted',  this.templateName, control._debugContainerKey);
        control.send('callDynamicController');
    }
});

模板：

<script type="text/x-handlebars" data-template-name="dynamic">
    dynamic
</script>

控制器（仅在手动分配时使用）：

App.DynamicController = Em.ObjectController.extend({
    className: 'App.DynamicWithRenderController',
        callDynamicController: function() {
            console.log('DynamicController.callDynamicController()');
    }
});

索引控制器：

App.IndexController = Em.ObjectController.extend({
    view_inserted: function(aview, acontroller) { 
        console.log('view inserted!', aview, acontroller);
    }
})

实例化代码：

var acontainer = App.DynamicController.create({});
var aview = App.DynamicView.create({ controller: acontroller })
acontainerView.pushObject(aview);

这些类渲染＆amp;表现如预期，但如果你插入它们，缺少一些Ember接线（例如没有_debugContainerKey＆amp; container属性IIRC）：

突破的更高级案例

如果我们引入使用渲染助手的把手模板，它会破坏渲染。动态添加的视图当前缺少渲染助手假定的一些属性

<script type="text/x-handlebars" data-template-name="dynamic-with-render">
    dynamic w/render:
    {{render knob}}
</script>

并使旋钮看起来像这样：

<script type="text/x-handlebars" data-template-name="knob">
    &#123;&#123;render knob&#125;&#125;
</script>

（失败的）动态视图实例化代码：

var acontainer = App.DynamicController.create({});
var aview = App.DynamicView.create({ 
    controller: acontroller, 
    template:'dynamic-with-render' })
acontainerView.pushObject(aview);

代码示例

这里可以看到一个更完整的例子，其中有一些注释：

http://jsfiddle.net/AshCoolman/KyJ2U/6/embedded/result/

注意：我的测试包括一个基于 control 帮助器的自定义把手助手，名为 controlWithVars

问题

看起来我需要写一些能做Ember接线的东西：