如何处理包含在emberjs中的其他动作中的动作？

Question

请考虑以下emberjs-template：

<div>
    <div {{action 'outer_selected'}}>
        Outer Link
        <span {{action 'inner_selected'}}>
            Inner Link   
        </span>
    </div>
</div>

基本上将一个动作包含在另一个动作中。问题是当我点击内部元素时，两个动作都会被触发。如何在单击内部元素时阻止外部操作被触发？

Answer 1

在模板中使用bubbles=false停止事件传播 - http://emberjs.com/guides/templates/actions/#toc_stopping-event-propagation

Example