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

【问题标题】：angular 6 custom directive for drop-down menu not working下拉菜单的角度 6 自定义指令不起作用
【发布时间】：2018-12-11 23:54:37
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：