实现多个链接以实现相同的下拉菜单

时间:2018-06-21 17:24:32

标签: dropdown materialize

我正在使用物化0.100.2,并且使用了多个卡面板。每个卡面板都有一个打开下拉菜单的按钮。每个触发器的下拉列表都相同。我搜索了解决方案,甚至发现了与我类似的问题。但是我不明白所提出的解决方案。我发现的问题和解决方案可以在以下链接的github上看到-

https://github.com/Dogfalo/materialize/issues/2051

我的问题就像我从后端导入数据,然后迭代卡面板直至接收到的数据长度一样。我将下拉列表放在此迭代下面,以便所有卡片面板都可以使用它。

考虑数据的“ actionLists”。

<div class="card-panel" data-ng-repeat="actionItem in actionLists">
.....
  <button class="dropdown-button btn btn-floating" data-activates="dropdown-example"><i class="material-icons">edit</i></button>

</div>

<div id="dropdown-example" class="dropdown-content">
....
</div>

能帮我一下吗?我是新来的。预先感谢。

1 个答案:

答案 0 :(得分:0)

在进行其他任何操作之前,我建议您更新到1.0版rc1。 从0.x版本开始,已有一些更改。

然后,您可以让多个drop-trigger元素引用相同的dropdown-content。 参见https://materializecss.com/dropdown.html