EmberJS {{action}} and nested li

Question

我对嵌套的li元素的操作助手有一个奇怪的问题。

例如

<ul>
   <li><a {{action someAction target="view"}}>Link 1</a></li>
   <ul>
       <li><a {{action someAction target="view"}}>Link 2</a></li>
   </ul>
</ul>

Link 1操作将触发，但是Link 2操作不会(控制台中也没有错误)。我以前使用em按钮来解决这个问题，但我知道现在正在贬值。

编辑:

从进一步看这似乎是一个问题，当嵌套的ul是一个引导dropdown-menu在导航栏。

还有人见过这种问题吗?

Answer 1

第二个<ul></ul>应该被<li></li>包裹:

<ul>
   <li><a {{action someAction target="view"}}>Link 1</a></li>
   <li>
       <ul>
          <li><a {{action someAction target="view"}}>Link 2</a></li>
       </ul>
   </li>
</ul>

Answer 2

这是一个老问题，但我最近遇到了一个类似的问题，并让它像这样工作，用一个空的href并将动作放在"li"而不是"a"上。

<ul>
   <li {{action someAction target="view"}}><a href="#">Link 1</a></li>
   <ul>
       <li {{action someAction target="view"}}><a href="#">Link 2</a></li>
   </ul>
</ul>