按钮单击在Angular中使用ripple-js时不会触发

Question

我在Angular 5项目中使用来自here的ripple-js库。只要我将ripple类添加到我的按钮，涟漪效果就会开始工作，但按钮点击会停止发射。

这是我的按钮的示例HTML -

<div id="btnSearch" class="search_button_right tooltipstr ripple" title="Click here to Search">
                    <button class="btn" type="submit" (click)="Search();">
                        Search
                    </button>
                </div>

请告知可能是什么问题。

Answer 1

检查按钮及其父类的CSS z-index属性。如果按钮的Z-index值小于div的z-index值。它不会起作用。 尝试在按钮中给予高价值。