ember.js - 简单的 ContainerView 导致 "Using the defaultContainer is no longer supported."

Question

使用最新的 Ember，以下简单的 ContainerView 会导致错误:

DEPRECATION: Using the defaultContainer is no longer supported. [defaultContainer#lookup] see: http://git.io/EKPpnA

我想这在某种程度上与我将 View 附加到 Controller 的方式有关，

请注意，如果 subview 中的模板是内联编译的，则不会发生错误，只有在向 View 的"template"属性提供外部模板时才会发生错误。

http://jsbin.com/uqawux/2/edit

谢谢

Answer 1

该弃用消息引用了此 gist ，如果您查看迁移路径:(WIP)部分，它有以下文本:

if you are creating views outside the context of a parentView (this may not be recommended, but it is happening) you will want to make sure to instantiate your view via the container itself.

this.container.lookup('view:apple')
// will provide a instance of apple view.

因此您需要更新代码以使用容器而不是 App.FooView.create()。

App.IndexController = Ember.Controller.extend({
  show: function() {    
    var v = this.container.lookup('view:foo');    
    v.appendTo(App.rootElement);
  }
});

根据您的版本，您将收到一条新的警告消息:

DEPRECATION: Action handlers implemented directly on controllers are deprecated in favor of action handlers on an actions object (show on )

在这种情况下，将您的操作放在 actions 对象中:

App.IndexController = Ember.Controller.extend({
  actions: {
    show: function() {    
      var v = this.container.lookup('view:foo');    
      v.appendTo(App.rootElement);
    }
  }  
});

这是一个更新的 jsbin，使用最新的 ember 版本，没有警告 http://jsbin.com/uqawux/4/edit