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

时间:2018-07-03 15:39:54

标签: angular drop-down-menu angular-directive

我已经使用Angular 6创建了一个自定义指令,以通过监听click事件来打开和关闭下拉菜单。不幸的是,当点击事件被触发时,下拉列表没有打开。我尝试使用日志来检查该方法是否被触发。该方法已触发,但下拉菜单未打开。有任何解决错误的建议吗?

这是打开和关闭下拉菜单(管理配方)的指令文件: This is the directive file to open & close the dropdown menu (Manage Recipe)

这是我使用指令的html文件: This is the html file where I have used the directive

我的应用程序的输出(下拉菜单为“管理配方”): Output of my app (Manage Recipe is the drop down)

1 个答案:

答案 0 :(得分:0)

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