как закрыть всплывающее модальное окно в начальной загрузке

Question

$('#modal-createUser').modal('show');

Я использую это, чтобы открыть модальное окно для вставки записи. Как закрыть это автоматически после того, как пользователь сохранит данные. Я пробовал это, но он закрывается после того, как только он открывается.

$('#modal-createUser').modal('show');//goes to other component and perform insert opearation and comes back
$('#modal-createUser').modal('hide');

Answer 1

Вы должны написать код ниже после получения ответа API. Надеюсь, он вам поможет.

$('#modal-createUser').modal('hide');

Answer 2

Первый шаг: вам нужно установить jquery и начальную загрузку с помощью команды npm.

Во-вторых, вам нужно добавить объявить var $ : any; в компоненте

И использовать можно использовать $('#modal-createUser').modal('hide');

Демо https://stackblitz.com/edit/angular-model-bootstrap-close?file=src/app/app.component.ts

Answer 3

$("#btnSubmit" ).click(function(){
// write ajax/ web api call to save data.
/*you can add condition using response object in case you don't 
want to close it for any error/failure.*/
    $('#modal-createUser').modal('hide'); 
});

$("form").submit(function(){
    // write ajax/ web api call to save data.
    $('#modal-createUser').modal('hide');
});

Answer 4

Когда вы нажимаете кнопку «Сохранить», вы вызываете метод, и в этом методе вы можете выполнять вызов API с использованием метода HTTP. Таким образом, в success обратном вызове HTTP вы должны поместить следующий код:

$('#modal-createUser').modal('hide');

Или, если вы не выполняете серверный вызов API, просто добавьте указанный выше код в последний при сохраненииспособ.