应用Ripple.js后，按钮单击不在Angular中工作

Question

我在Angular中声明了一个按钮，如下所示 -

<div id="btnSearch" class="search_button_right" placement="top" ngbTooltip="Click here to Search">
  <button class="main_serchbtn cursor" type="submit" (click)="Search();"Search</button>
</div>

按钮点击工作正常。在第二步中，我包含了来自here的ripple.js库。根据文档，只要我将ripple类添加到我的div中，涟漪效果就会开始工作，按钮点击会停止工作。控制台中也没有记录任何错误。

编辑1： 基于@Sathiyaraj的评论，我试了以下没有运气 -

<div id="btnSearch" class="search_button_right" placement="top" ngbTooltip="Click here to Search">
  <button class="main_serchbtn cursor" type="submit" (ripple-button-click)="Search();"Search</button>
</div>

任何帮助都将不胜感激。