代码之家 › 专栏 › 技术社区 › Marco Prins

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

ember-cli ember.js javascript

Marco Prins · 技术社区 · 9 年前

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

应用程序控制器

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

我该如何处理?从开始到结束。

1 回复 | 直到 9 年前

Patsy Issa 9 年前

动作不会通过控制器冒泡,当触发一个动作时,它将通过当前路由的控制器,如果没有处理它,它会冒泡到当前路由,一直到顶层路由(应用程序)。

如果该操作必须在控制器上设置属性,则可以直接从应用程序路由设置该属性(尽管不建议这样做)。

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

有关详细信息,请阅读 action bubbling .

推荐文章

user156888 · ember引擎的开发流程是什么?

7 年前

panx36 · 将数据放入ember store和mirage

7 年前

Lefty · Ember 2.16在路由/应用程序中创建状态哈希时出错

7 年前

jvenezia · 在路线更改时使用过滤器时未渲染路线模型

7 年前

J__ cmelan · 如何编写sendAction助手?

7 年前

Marta Gajowczyk · 在2.15.1 ember cli版本中脱离bower

7 年前

bmurphy · 在Ember CLI中安装不带可选模块的NPM包

7 年前

maje · 出现复选框问题,该复选框与Ember.js的bootstrap复选框重复

7 年前

Viraj · 在Angular CLI中,是否可以为不同的环境(区域)使用不同的端口?

7 年前

Richie Thomas · 为什么我的Ember组件集成测试在隔离运行时通过,但在运行完整套件时失败?

7 年前