AngularJS，Twitter Bootstrap Responsive Nav Bar - 为子菜单悬停

Question

这是我的plunker：

这是相关代码段。

<ul class="nav" role="menu" aria-labelledby="dLabel">
  <li ng-repeat="item in items" ng-class="{'dropdown-submenu': item.submenu && item.submenu.length}">
      <a href="{{item.link}}">{{item.name}}</a>
   <ul ng-if="item.submenu && item.submenu.length" class="dropdown-menu">
    <li ng-repeat="subitem in item.submenu"><a href="{{subitem.link}}">{{subitem.name}}</a></li>
   </ul>
 </li>
</ul>

我花了好几个小时试图找到使用AngularJS编写的响应式导航栏的任何示例，使用Twitter引导程序，子菜单出现，而不是单击，而是将鼠标悬停在父菜单项上。

你会认为有人已经这样做了吗？！？！

我的菜单项目1,2和＆amp; 3使用Angular进行数据处理，鼠标悬停正在运行，但位置错误。

我意识到这是一个＆＃34;。dropdown-menu＆＃34; ＆安培; ＆＃34; .dropdown-菜单＆gt;下拉-子菜单＆＃34;导致定位问题的样式。

我很确定正确的班级关联是＆＃34;。dropdown＆＃34; ＆安培; ＆＃34;＆.dropdown GT;下拉菜单＆＃34;但我玩了所有变化，这将导致下拉菜单不起作用。

有什么想法吗？

提前致谢