Is there any way to call one method after a pervious method returned successfully in angular js?

See more:

Javascript

AngularJs

server-side

i have some functions to fetch data and to post data to server but due to asynchronous nature of angular js the next method start executing before the previous one returns which returns empty string it is used in next functions...i have read a lot articles about promise and $q and non of them worked for me............

i want the fuctions execute in the way they are written is there is any way? pls help......

my code runs on my local system perfectly but it is not running the expected way on Server(cloud)

pls help...

What I have tried:

app.factory('myService', function ($http) {
    return {
        // 1st function
        serverCall: function (purchaseid) {
            return $http.get('/po/poidsearchid/' + purchaseid).then(function (response) {
                console.log(response.data);
                console.log("Hi in server call");
                return response.data;
            });
        },
        // 2nd function
        anotherFunctionCall: function (poid) {
            //console.log("Hi in another call");
            $http.post('/po/poid', poid);
               console.log("Hi in another call");
            

        },

        // 3rd function
        anotherFunctionCall1: function (poiditems) {
           
            $http.post('/po/poiditems', poiditems)
                console.log("Hi in another call 1111");
                 
            

        },

        anotherFunctionCall2: function (purchaseid) {
            
            return $http.get('/po/poiditemssearchid/' + purchaseid).then(function (response) {
                console.log(response.data);
                console.log("Hi in another call 222");
                return response.data;
               
            });

        }