How to pass typescript property to bootstrap related jQuery function in Angular Application

Question

this.addRoleFormGroup.dirty; //want to pass this property to 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');
    });
  }

Robby Cornelissen · Accepted Answer · 2022-05-11 04:45:45Z

1

Use an arrow function for your JQuery event handler. That way the outer this will be accessible from within the callback:

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

See here for more information.

answered May 11, 2022 at 4:45

Robby Cornelissen

98.6k23 gold badges154 silver badges180 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass typescript property to bootstrap related jQuery function in Angular Application

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related