async function in angularjs app

Question

Я пишу службу, которая возвращает функцию, но функция не возвращает значение. Вот код:

function getUser() { 
    var Users = $resource('/api/users',{},{query: {method: 'get', isArray: true}}); 
    return Users.query({username:localStorage.getItem("token")}).$promise 
} 

function userrole() { 
    var userrole=''; 

    var tmp=getUser(); 
    tmp.then(function(user){ 
     var userrole= user[0].role; 
     console.log('The role is '+user[0].role); 
     userrole=user[0].role; 
     return userrole; 
    }); 
    console.log('@ the end of userrole'); 
} 

Функция, которая не возвращает является userrole. Я считаю, что это из-за проблемы асинхронности. Как я могу решить это?

Answer 1

Если вы используете методы async в AngularJS (и во всем Javascript), вам нужно всегда использовать его в функциях выше.

Например:

function getUser() { 
    var token = localStorage.getItem('token'); 

    var Users = $resource('/api/users', {}, { 
    query: {method: 'get', isArray: true} 
    }); 


    return Users.query({username: token}).$promise; 
} 

function getUserRole() { 
    return $q(function(resolve, reject) { 
    getUser() 
     .then(function(user){ 
     resolve(user[0].role); 
     }) 
     .catch(reject); 
    }); 
} 

getUserRole().then(function (userRole) { 
    console.log('The role is ' + userRole); 
}); 

Answer 2

Не знаете, чего вы пытаетесь достичь, но просто верните return tmp.then(..., тогда, когда вы сможете позвонить userrole().then((role) => ...) с другого места. Кроме того, исправить ваши отступы.