小编bra*_*ian的帖子

如何在单击子组件时阻止对父组件的操作进行调用?

我正在处理的项目中有以下模板:

<div class="item row" {{action "expandItem"}}>
  {{input type="checkbox" checked=isChecked}}
  {{item.name}}
</div>
Run Code Online (Sandbox Code Playgroud)

我遇到的麻烦是单击复选框不会改变其状态.然而,它确实触发了这一expandItem行动.我希望行为是点击复选框更改,isChecked但点击div火灾中的任何其他地方expandItem.我怎么能做到这一点?

编辑:从Ember动作停止点击传播的问题非常接近,但我看到的差异是另一个问题中的子元素正在使用{{action}}帮助器,它可以轻松地停止使用bubbles = false进行传播.在我的情况下,我不一定了解Ember的默认输入组件如何影响该操作

第二次编辑:我重新创建了我在这个JSBin中看到的行为.您将注意到输入组件和内联action帮助程序的行为方式不同.希望这可以帮助.

ember.js

6
推荐指数
1
解决办法
1169
查看次数

标签 统计

ember.js ×1