Угловая форма окна подтверждения

Question

После того, как я войду в свое приложение, которое я сделал в Angularjs, первым шагом является то, что начальная функция показывает окно подтверждения. Это регулярное окно подтверждения, без какого-либо стиля. Мой вопрос, как я могу стилизовать эту коробку с CSS, и добавить текст тоже, если моя функция:

function versionCheck() { 
    if ($window.confirm("Are you sure?")) { 
    vm.starting = true; 
    dataService.restartVersion() 
     .then(function onSuccess(data) { 
      vm.data = data.response; 
     }).catch(function onReject(response) { 
    }).finally(function() { 
     vm.starting = false; 
    }); 
    } 
} 

Снова напомню, что я сразу же с помощью этой функции после входа в систему, не нажать кнопку или что-то другое , автоматически.

Любые помощь?

Answer 1

//--------------------------------------------------------------------------------------------------------------- 

# This is the Angular Material Design way of customizing dialog boxes. 
# $mdDialog.confirm() and $mdDialog.show will solve this issue. 
# I would create a totally different function to handle the dataService 
# And have the versionCheck() just handling the confirmation dialog 
# as shown below. 

function versionCheck() { 
    var confirm = $mdDialog.confirm() 
     .title('Cancel confirmation') 
     .textContent('Are you sure?') 
     .ariaLabel('Are you sure?') 
     .ok('Ok') 
     .cancel('Cancel'); 

    $mdDialog.show(confirm).then(
     function() { 
      $state.go('login'); 
      ); 
     } 
    ); 
} 

//---------------------------------------------------------------------------------------------------------------