Bootstrap 4 如何在angular 7中的点击模式（引导4）上调用用户定义的函数

我在angular 7中使用bootstrap 4模式进行函数调用，当我试图从模板调用函数到ts时，并没有执行任何操作。在模态函数调用中，不使用Jquery，单击不起作用

模板：

<button type="button" class="call-end" (click)="muteVideoCall()">
        <i class="fa fa-phone" aria-hidden="true" ></i>
     </button>

public muteVideoCall() {

  }

当我试图调用函数单击模板时，它将工作

<div class="modal fade" id="videoModelExp" tabindex="-1" role="dialog"
                aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                <div class="modal-dialog full_modal-dialog" role="document">
                  <div class="modal-content-videocall full_modal-content">
                    <div class="internaldiv">
                      <div class="row">
                        <div class="col-md-4 local-img-border">
                          <video #video1 muted="muted" autoplay>
                            <source>
                          </video>
                          <div class="overlay">
                            <div class="row">
                              <div class="col-md-12 text-right icon-center">
                                <button type="button"class="call-start">
                                  <i class="fa fa-phone" aria-hidden="true"></i>
                                </button>
                                <button type="button" class="call-end" (click)="muteVideoCall()">
                                  <i class="fa fa-phone" aria-hidden="true" ></i>
                                </button>
                                <button type="button" class="screen-share" (click)="enableScreen()" data-toggle="modal"
                                  data-target="#screenshareModelExp">
                                  <i class="fa fa-window-restore" aria-hidden="true"></i>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                   </div>
              </div>
           </div>
         </div>
   </div>
</div>

---

我没有添加class=“modal content”，因此我没有执行单击事件：）现在，添加模型内容后，它工作正常

尝试给我们一个屏幕截图，显示按钮上附加了哪些事件侦听器。我看不出它不起作用的任何原因。请重现该问题，以便找到正确的问题。单击鼠标，在.ts file@ArcteezyYeah中的muteVideoCall（）函数的模式调用上单击事件侦听器，我知道了。您提供的代码可以正常工作。错误是另外一回事，只有提供演示才能理解。请尝试在stackblitz中重现该问题。