Close modal after submit angular 4 com Jan 24, 2020 · How to close modal after form submit event in angular? 1. but i want to close the modal after submitting the create button present in the form. Trigger the modal with a button --> <!-- Modal --> <!-- Modal content--> See full list on thequickadvisor. In the above HTML, the methods openModalDialog() is used for open the popup and the method closeModalDialog() is for close popup and also method mdfLogin() is used for submit the login form. ts. i am using bootstrap 4 modal. when i press the close button modal closes properly. ts File (Submitfunction){ //function of modal submit button $('#mymodalname'). Steps 4 - The Events looks like – user. component. ts file. Nov 3, 2017 · you can close modal on inside the ngSubmit function in . i am using angular 4. 2. For the second option you will have to import JQuery into your project, whatever that means for you. modal('hide'); } Aug 11, 2017 · Is there a way that a currently opened modal can be closed inside the type script in Angular 4? I have a submit button, the submit button has a (click) function, the function inside the type script has an if and else statement inside. ) You can use @ViewChild from @angular/core and JQuery to get reference to the modal and then on click of Create you can close it. ) Add the data-dismiss to your Create button as well.