使用foundation's在角度ng内的下降重复

Using foundation's dropdowns within angular ng-repeat

本文关键字：ng foundation 使用      更新时间：2023-09-26

我想在使用ng repeat显示的表中显示一个下拉列表。下拉列表是使用Foundation的dropdown.js构建的。

<tr ng-repeat="lead in leads | filter:filterText>
   <td>
        <input type="text" data-dropdown="dropdown-{[{lead.id}]}" 
         autocomplete="off"/>
    <ul id="dropdown-{[{lead.id}]}" class='f-dropdown' data-dropdown-content>
        <li>Dropdown List</li>
    </ul>
   </td>
</tr>

当我把输入+ul放在ng repeat之外（减去添加的lead.id来定义id）时，它工作得很好，但当它在ng repay Foundation内部时，会抛出这个错误：

Uncaught TypeError: Cannot read property 'is_hover' of undefined

悬停在上方时在第46行，悬停在外时在第53行，单击foundation.dropdown.js.时在第31行

我百分之百肯定这与Foundation在Angular.js应用程序启动之前启动有关。我暂时通过手动将数据下拉初始化添加到下拉输入中来解决这个问题，但我认为这不太好。

欢迎任何指示。

下面是一个模仿问题的plunker：http://plnkr.co/edit/fyTcPX17Fkbe8hSlUMtb?p=preview

一个非常简单的解决方案是使用Angular Foundation，尽管它对如何实现东西相当有意见。

由于基础下拉功能在angular应用程序启动之前启动，因此会发生此错误。防止此错误的一个解决方法是在angular应用程序启动后添加HTML属性。只需修改

data-dropdown-content

至

ng-attr-data-dropdown-content="{{$index}}"

我遇到了同样的问题，这次解决了

相关文章：