angularjsアプリケーションの非同期関数

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

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) => ...)に電話することができます。それ以外にあなたの圧痕を修正する。