如何阻止内部动作冒泡到外部链接助手？

Question

当点击“编辑”触发动作“编辑”时：

  {{#link-to "pages.show" page class="list-group-item"}}
    {{page.name}}
    <span class="badge" {{action "edit" page preventDefault=false}}>edit</span>
  {{/link-to}}

然后触发动作（例如打开编辑页面），但在下一秒链接到重定向完成，所以我最终在“pages.show”路线上。

预期：只有“编辑”动作被调用，点击事件（？）没有“冒泡”到链接帮助器。

旁注使用的是 Ember 2.2，上面的模板是组件的一部分。

PS：我认为在操作中使用 preventDefault=false 会阻止这种类型的行为 - 但显然链接到帮助器从其他地方获取信息。

Answer 1

你需要的是event bubbling。您可以在 action 助手中使用 bubbles=false 禁用它，这样您的点击事件就不会冒泡到 link-to 元素

{{#link-to "pages.show" page class="list-group-item"}}
  {{page.name}}
  <span class="badge" {{action "edit" page bubbles=false}}>edit</span>
{{/link-to}}

http://emberjs.com/api/classes/Ember.Templates.helpers.html#toc_event-propagation

preventDefault 是另一回事，当设置preventDefault 为false 时，您允许DOM 事件的默认浏览器操作。