javascript - 从 Ember 2.0 组件调用 Controller 操作

Question

现在 Ember 2.0 决定完全删除 Ember.View 我遇到了将操作从 View 传递到 Controller 的问题。

App.SomeView = Ember.Component.extend({
   didInsertElement : function(){
     var _this = this;
     window.addEventListener("message",
        function(event) {
            _this.get("controller").send("foobar", event.data);
        }, false);
  }
});

App.SomeController = Ember.Controller.extend({
   actions: {
      foobar: function(param) {
         console.log("Yey", param);
      }
   }
});

因为我现在需要使用 Ember.Component 而不是 Ember.View。然后当然 this.get("controller").send 方法不再起作用了。有什么解决方法吗？

Answer 1

您可以在组件中使用 sendAction() 并在模板中为其分配处理程序。

// some-component.js 
this.sendAction('actionName', params);

// template
{{some-component actionName="foobar"}}

// controller
actions: {
   foobar(params) {
     alert('action received');
   }
}

详情:http://guides.emberjs.com/v2.0.0/components/sending-actions-from-components-to-your-application/