Ember：从组件到应用程序控制器的气泡操作

Question

我在 ember 中有一个组件，它需要向应用程序控制器发送一个操作（带有一个参数）。无论此组件在何处呈现，它都需要在应用程序控制器上调用完全相同的操作。

应用程序控制器

export default Ember.Controller.extend({
  actions: {
    addAlert: function(message) {
      this.set('message', message);
    },
    removeAlert: function(message) {
      this.set('message', message);
    }
  }
});

我该如何处理？从头到尾。

Answer 1

动作不会通过控制器冒泡，当触发动作时，它将通过当前路由的控制器，如果没有任何处理它，它会冒泡到当前路由一直到顶级路由（应用程序） .

如果该操作必须在控制器上设置属性，您可以直接从应用程序路由设置它（尽管不推荐）。

// routes/application.js
actions {
  addAlert(message) {
      this.controller.set('message', message);
    },
    removeAlert(message) {
      this.controller.set('message', message);
    }
}

更多信息请阅读action bubbling。