javascript - Ember 2.10.x 通过 Action(Popover)将 elemendId 从子组件传递到父组件

Question

给出以下代码:

{{#my-popover tagName="i" title="Wirklich löschen?" classNames="fa fa-times red-text"}}
<button  class="btn btn-warning" {{action 'removeRecord'}}>Delete it!</button>
{{/my-popover}}

我需要从组件 my-popover 生成的 elemendId 来在父组件操作中删除记录后关闭 Popover。

Answer 1

您需要从 my-popover 组件向父组件生成 elementId。

已创建 Twiddle为你。

my-popover.hbs:我正在向调用者产生 elementId 属性

{{yield elementId}}

application.hbs:从 my-popover 组件获取 elementId 并将其传递给removeRecord 函数。

{{#my-popover tagName="i" title="Wirklich löschen?" classNames="fa fa-times red-text" as |elementId|}}
<button  class="btn btn-warning" {{action 'removeRecord' elementId}}>Delete it!</button>
{{/my-popover}}

应用程序.js:

import Ember from 'ember';
export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  actions:{
    removeRecord(elementId){
      console.log('removeRecord in application ',elementId);
    }
  }
});