Текст в модальном с трубы перевод не работает

Question

У меня есть следующий модал, где он выполняет проверку удаления, когда текст отслеживается модалом, всегда работает, однако после помещения в jquery текст отображается только при использовании клавиатуры.

мой модал

<ng-template #msgModal>
        <div class="modal-body" style="padding-top: 10px;">
            <p class="text-center">{{'Deseja deletar o encaminhamento?' | translate}}</p>
            <div style="text-align: center">
                <button (click)="deleteFWResearch(globalId)" class="btn btn-danger">{{'Sim' | translate}}</button>
                <button (click)="modalRef.hide()" class="btn btn-danger">{{'Não' | translate}}</button>
            </div>
        </div>
    </ng-template>

моя функция

[...]
    @ViewChild('msgModal') msgModal: TemplateRef<any>;
[...]
let self = this;
        $(document).on('click', '.delete', function (data: any) {
            let id = $(this).attr('data-id');
            self.modalRef = self.modalService.show(self.msgModal, {class: 'modal-sm'});
            self.globalId = id;
        });