如何将 typescript 属性 传递给 Angular 应用程序中的 bootstrap 相关 jQuery 函数

Question

this.addRoleFormGroup.dirty; //想把这个属性传给jQuery on("hide.bs.modal", function())

this.addRoleFormGroup.dirty;
    $("#addRoleModal").on("hide.bs.modal", function () {
      alert('The modal is about to be hidden.');
      $('#addRoleModal').modal('show');
    });
  }

Answer 1

为您的 JQuery 事件处理程序使用箭头函数。这样，外部 this 就可以从回调中访问：

$("#addRoleModal").on("hide.bs.modal", () => {
    console.log(this.addRoleFormGroup.dirty);
    $('#addRoleModal').modal('show');
});

有关详细信息，请参阅 here。