jquery - 基础下拉菜单不工作在角度

Question

我正在使用角度和基础。当我将切换下拉按钮放在表格中时，它不起作用。它给出了如下所示的错误。但是当我把它放在桌子上时它就起作用了。

 <table>
       <thead>
        .............
       </thead>
       <tr *ngFor="let purchaseOrder of purchaseOrders; let i=index;">
        <th>{{i+1}}</th>
        <td>{{purchaseOrder.createdAt}}</td>
        <td>{{purchaseOrder.lpoNumber}}</td>
        <td>{{purchaseOrder.supplier.supplierName}}</td>
        <td>n/a</td>
        <td>n/a</td>
        <td>n/a</td>
        <td>
        <div><button class="button" type="button" data-toggle="example-dropdown">Toggle Dropdown</button></div>
      </td>
      ........
    </table>
    <div class="dropdown-pane" id="example-dropdown" data-dropdown data-auto-focus="true">
        Example form in a dropdown.
     </div>

这是我将它放在控制台的表格中时遇到的错误。

zone.js:192 Uncaught TypeError: elem.getBoundingClientRect is not a function
    at Object.GetDimensions (foundation.js:1117)
    at Dropdown._setPosition (foundation.js:3628)
    at Dropdown._setPosition (foundation.js:5807)
    at Dropdown.open (foundation.js:5940)
    at Dropdown.toggle (foundation.js:6004)
    at HTMLDivElement.dispatch (jquery.js:5183)
    at HTMLDivElement.elemData.handle (jquery.js:4991)
    at Object.trigger (jquery.js:8249)
    at jQuery.fn.init.triggerHandler (jquery.js:8333)
    at foundation.js:670

NB"：放在桌子外面时它可以工作。有什么帮助吗？

标签： jqueryangulardrop-down-menuzurb-foundation