modal-confirmation.html

<div class="text-center">
  <br />
  <button attr.data-target= "{{buttonHref}}" class="{{buttonClass}}" data-toggle="modal">{{button}}</button>
</div>

<div id="delete" class="modal fade">
  <div class="modal-dialog modal-confirm" >
        <div class="modal-content" >
              <div class="modal-header flex-column">

                  <div class="icon-box">
                    <i class="material-icons">&#xE5CD;</i>
                  </div>
                  <br />
                    <h5 class="modal-title">¿Estás seguro de querer eliminar este platillo?</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                  </div>
                  <div class="{{modalBodyClass}}">
                    <p>Una vez eliminado, los datos no podrán ser recuperados.</p>
                  </div>
                  <div class="modal-footer justify-content-center">
                      <br />
                        <button type="button" class="{{btnCancel}}"  (clickCancel)="onClick()" data-dismiss="modal">Cancelar</button>
                        <button type="button" class="{{btnDelete}}"  (clickDelete)="onClick()"  data-dismiss="modal">Eliminar</button>
                  </div>
              </div>
          </div>
</div>

<div id="add" class="modal fade">
  <div class="modal-dialog modal-confirm" >
        <div class="modal-content" >
              <div class="modal-header flex-column">
                <br />
                  <div class="icon-box-u">
                    <i class="material-icons">&#xE876;</i>
                  </div>
                  <br />
                  <br />
                  <br />
                  <br />
                    <h5 class="title">Platillo agregado correctamente!</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                  </div>
                  <div class="modal-footer justify-content-center">
                      <br />
                        <button type="button" class="{{btnSuccess}}"  (clickDelete)="onClick()"  data-dismiss="modal">Aceptar</button>
                  </div>
              </div>
        </div>
</div>