ember.js - EmberJS {{action}} 和嵌套 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>

链接 1 操作将触发，但链接 2 操作不会（控制台中也没有错误）。我以前使用 Em.Button 来解决这个问题，但我知道现在正在贬值。

编辑：

从进一步研究来看，当嵌套是导航栏中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

This is an old question but I ran into a similar issue recently and got it to work like this, with an empty href and placing the action on the "li" instead of the "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>