试图让ui.bootstrap下拉列表工作

时间:2015-02-06 19:09:36

标签: angularjs twitter-bootstrap drop-down-menu angular-ui-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>

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

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

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

检查此更新的plunker