Ember.js 动作不会与 data-toggle=dropdown 配合得很好

【问题标题】：Ember.js action won't play nice with data-toggle=dropdownEmber.js 动作不会与 data-toggle=dropdown 配合得很好
【发布时间】：2015-02-03 23:48:37
【问题描述】：

我有一个操作占用了表格的整行。如果用户单击该操作，他将链接到下一页。但是我有一个 data-toggle=dropdown 来切换下拉菜单。

当我尝试单击该 data-toggle=dropdown 时出现问题，而是/在下拉菜单可以切换之前，我已链接到下一页。我不想要这个。我希望链接到操作跨越整个行，但不与该行内的任何其他按钮冲突。

<tr {{action 'actionThatLinksToNextPage' this.someID bubbles=false}}>
  <td>
    <a  data-toggle="dropdown" aria-expanded="false" class="btn btn-sm pull-right btn-sm-big-glyph dropdown-toggle ">
      <div  class="glyphicon fa-lg glyphicon-remove fa-size " data-toggle="tooltip" data-placement="top" title="Disabled" role="tooltip" >              
      </div>                
    </a>
  </td>
  <td>
  </td>
</tr>

【问题讨论】：

• 不确定这是否可能，但即使您尝试完成的工作是可能的，这对我来说听起来也是一个令人困惑的 UI。如果用户希望单击行内的任何地方去某个地方 - 这可能应该总是正确的。
• 我有同样的情况，效果很好。只需确保您在 标记上使用更大的填充即可。
• @IanSteffy 这是一个大项目，需要时间来提取它。但我唯一的区别是，您的情况中的包装标签 是一个组件，它实现了转换到页面的点击事件。打开下拉列表的操作位于您的案例 标记的内部元素中。
• @IanSteffy Dude，如果 UI 适合您，那就去吧！ :) 也许我只是误解了确切的情况。如果你让它在 JSBin 中工作，我会很乐意使用它。
• @IanSteffy 看看这个 jsbin emberjs.jsbin.com/natavogegi/1 。试着举一个简单的例子来说明我在说什么。