How to pause code till .then function is executed in AngularJS - angularjs

Question

While I am loading an AngularJS file my code is getting executed completely before the code in .then function completes its execution. How to pause code till the code in .then function executes. I mean I want to make synchronous ajax calls, I used to use async: false in jQuery. I want to know how to do that in angularJS.
Thanks in advance
Below is my AngularJS code
var app = angular.module('myApp', [ ]);
app.controller("Ctrl",Ctrl);
function Ctrl($http){
var self=this
ajaxCall();
function ajaxCall(){
return $http.get('/getData/')
.then(function(data){
// this below alert should come before the last alert
alert(" should execute first then below alert")
self.data=data
})
}
alert("getting executed first")
}

Answer 1

Your ajaxCall() is returning a promise. So you can simply wait until it finished.
The $http API is based on the deferred/promise APIs exposed by the $q service. While for simple usage patterns this doesn't matter much, for advanced usage it is important to familiarize yourself with these APIs and the guarantees they provide.
AngularJS $http documentation
var app = angular.module('myApp', [ ]);
app.controller("Ctrl",Ctrl);
function Ctrl($http){
var self = this;
function ajaxCall(){
return $http.get('/getData/')
.then(function(data) {
// this below alert should come before the last alert
alert(" should execute first then below alert")
self.data = data;
}
);
}
// You can use .then here, because ajaxCall returns a promise
ajaxCall().then(function () {
alert("getting executed first");
})
}

Answer 2

What if you chain promises?
function Ctrl($http, $q){
var self = this;
ajaxCall();
function ajaxCall(){
return $http.get('/getData/')
.then(storeData)
.then(proceed);
}
function storeData(response) {
alert("1st");
self.data = response.data;
return $q.when(self.data);
}
function proceed(data) {
alert("2nd");
}
}