Ember 组件动作不冒泡

Question

我已经找到了这个问题的重复项，但我仍然无法复制我所见过的所有示例的结果。我正在使用 Ember.component 并尝试将其操作冒泡到它的 parent 路由器（我之前也尝试冒泡到控制器）。

这是我的代码： Search-bar.hbs 模板

//------Search-Bar.hbs------//
<button class="btn btn-purple btn-lg" type="button" {{action 'submitSearch'}}>
  Search
  <i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
</button>

Search-Bar Component.js

//------Search-Bar.js------//
import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    submitSearch() {
      this.sendAction('internalAction');
    }
})

Parent-Template.hbs

  {{inputs/search-bar internalAction='myAction'}}

Parent-Route.js

import Ember from 'ember';

export default Ember.Route.extend({
  actions: {
    myAction() {
      alert('myAction is called');
    }
  }
});

为什么这不起作用？我 console.log()' 看起来它调用我的 submitSearch() 操作的所有内容，但无论之后发生什么，它都不会冒泡到 parent..

Answer 1

代码本身看起来不错。请务必重新检查您的实际代码是否存在拼写错误以及文件的路径。如有必要，您可以在 Ember Inspector 中查看预期路径。

Ember 组件动作不冒泡

Ember Component Action Not Bubbling

javascript

handlebars.js

ember.js