下拉菜单的角度 6 自定义指令不起作用

Posted 2023-02-22

【中文标题】下拉菜单的角度 6 自定义指令不起作用

【英文标题】：angular 6 custom directive for drop-down menu not working

【发布时间】：2018-12-11 23:54:37

【问题描述】：

我使用 Angular 6 创建了一个自定义指令，通过监听点击事件来打开和关闭下拉菜单。不幸的是，当点击事件被触发时，下拉菜单没有打开。我尝试使用日志来检查该方法是否被触发。该方法已触发，但下拉菜单未打开。有什么修复错误的建议吗？

这是打开和关闭下拉菜单（管理配方）的指令文件：

这是我使用该指令的 html 文件：

我的应用程序的输出（管理食谱是下拉菜单）：

【参考方案1】：

我想这取决于打开选择器的样式是什么。如果您将 .dropdown-menu 设置为 display:none 然后 btn-group.open > .dropdown-menu display:block; 它应该可以工作。你能发布你的样式表吗？

【讨论】：

我没有明确设置任何样式。我的组件样式表是空的