尝试让 ui.bootstrap 下拉菜单正常工作

Question

我正在尝试让 bootstrap 下拉菜单正常工作。我试图完全按照 The Angular UI page 中的代码进行操作。没用。

我有一个Plunker here。这是不起作用的代码：

  <table>
      <tr>
        <td align="center" class="give-store-button-group dropdown">
          <a href class="dropdown-toggle" dropdown-toggle="">{{backslaps[current].store}}</a>
          <ul class="dropdown-menu">
            <li ng-repeat="store in backslaps">
              <a href>{{store.store}}</a>
            </li>
          </ul>
        </td>
      </tr>
  </table>

感谢您的帮助。

Answer 1

您需要放置一个包含 dropdown 属性指令的容器。

<span class="dropdown" dropdown>
              <a href class="dropdown-toggle" dropdown-toggle="">{{backslaps[current].store}}</a>
              <ul class="dropdown-menu"> .... </ul>
</span>

检查此更新plunker