ember.js - 如何阻止内部操作冒泡到外部链接助手？

Question

当点击“编辑”触发 Action “编辑”时:

  {{#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

您需要的是事件冒泡。您可以通过在 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 事件的默认浏览器操作。