Ember.js 余烬停止动作处理程序的传播

我有一个布局，其中一个动作处理程序被赋予父div，另一个动作处理程序被赋予子li元素

现在，当单击li元素时，动作处理程序将触发，冒泡将再次触发其父级的动作处理程序

我需要通过li元素停止动作处理程序的冒泡，并需要阻止进一步的冒泡

模板：

<script type="text/x-handlebars" data-template-name="index">
    <div {{action 'headerAction'}} style="border:1px solid red;">
    Parent Div 

    <ul>
    {{#each item in model}}
        <li {{action 'liAction'}}>{{item}}</li>
    {{/each}}
    </ul>
    </div>
</script>

---

JSBIN

从模板内部，您可以传递bubbles=false选项来防止这种行为

<li {{action 'liAction' bubbles=false}}></li>

---

您可以在指南中阅读有关事件冒泡和其他操作选项的更多信息。

您是否尝试过event.preventDefault；事件。停止传播；将事件作为action方法中的前两行？我无法在actions处理程序中获取该事件。这不是将路由链上冒泡的Ember操作与将DOM事件传播到祖先的操作混淆了吗？不，虽然名称相同，但它们的想法不同。将bubbles=false添加到action helper不会阻止Ember操作在路由层次结构中冒泡，默认情况下会发生这种情况。您可以通过从Ember操作处理程序显式返回true来更改该行为。可以看到，action helper中的bubbles参数只处理DOM事件。

<li {{action 'liAction' bubbles=false}}></li>

<li {{action 'liAction' on='click' bubbles=false}}></li>