Функциональность всплывающего окна Dailog не работает после сохранения вызова службы

Question

Когда я пытался открыть ngDialog после вызова $ http.post, функциональность диалогового окна нарушалась Ниже приведен код для открытия всплывающего окна после сохранения ($ http.post) вызова

  $scope.$parent.studio.saveBodData().then(function () {  //API call
    vm.openPreviewGenerateModal('results'); //Code to open Popup
   }); 

  function openPreviewGenerateModal(page) {
    vm.generateResultsPopupflag = true;
    vm.previewDialog = ngDialog.open({
        template: 'templates/bod/previewGenerateModal.tmpl.html',
        className: 'ngdialog-theme-default ngdialog-custom preview-Modal-wrapper',scope: $scope,
        data: {
            page: page
        },
        showClose: false,
        closeByEscape: false,
        closeByDocument: false
    });
}