隐藏或关闭角度中的模态后如何清除模态内容？

Question

当我隐藏/关闭mdbModal时，我想要模式重置中的所有内容。我该如何在4或5角进行此操作？

<div mdbModal #addSocialModal="mdbModal" class="modal fade top" id="addSocialModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel"
     aria-hidden="true">

  <div class="modal-dialog modal-dialog-centered" style="justify-content: center; max-width: 100%"
       role="document">
    <div class="modal-content addSocialModal-size modal-lg"
         style="text-align: center">


      <div class="modal-body mx-3 d-rtl" style="margin-top: 50px;margin-bottom: 10px">


        <a class="socialProject icon-telegram"
           (click)="onClickSocial('telegram')"
           style="border: 1px solid #19b4ff"
           [ngClass]="{'activeTelegram' : social == 'telegram' , 'icon-telegram-active': social == 'telegram'}"></a>

      </div>

      <li class="create-project-btn-position d-rtl" style="margin-bottom: 50px;">

        <button class="btn cancel-btn" (click)="closeAddSocialModal()">
          لغو
        </button>
        <button [disabled]="!submitSocialActive"
                type="submit" class="btn create-project-btn"
                (click)="onAddSocial()">
          اتصال اکانت
        </button>

      </li>

    </div>
  </div>

</div>

我想打开模态时是空的东西，但是当我想清除内容时， 我单击模态框之外的某个位置，模态将关闭。

我该如何解决此问题？