AngularJS中的同步$资源(Synchronous $resource in AngularJS)

 我处于死胡同，因为我知道Javascript不是用于同步工作，特别是AngularJS。 但是，我遇到了困难的情况。 
 
 我在域名“www”（使用AngularJS）上有一个主页，它调用了很多“api”。 “api”上的一些资源需要身份验证，因此它返回401，然后AngularJS会在它看到时选择并显示一个登录框。 
 
 www-login支持一堆登录方法，并将密码/ oauth / whatever发送到“api”，后者返回角度应用程序存储在cookie中的令牌，并设置为$http.defaults.headers.common['Authorization']因此它可用于验证对api的进一步请求。 
 
 同样的方法也用于获取属于api-token的用户名。 
 
 这完美地工作并解决了我的设计目标。 但是如果浏览器要访问需要身份验证的URL，则会弹出401（因此弹出登录框）。 这是（我猜）因为在401访问浏览器之前，angular无法填充标题中的Authorization字段。 
 
 解决方案？ 
 
 
 
 使用jquery有一个async = false请求？ 
 
 
 完成获取所需数据后，关闭登录框。 登录框可能会闪烁...... 
 
 
 在cookie中存储更多关于登录（即用户名）的元数据，因此我们无需在加载应用程序时从服务器获取此信息。 
 
 
 ?? 
 
 
 有更好的解决方案吗？ 这一次，对于这一个请求，我想在我的Angular资源中使用async = false .... 

I'm in a dead end, because I know that Javascript isn't made for synchronous work, and specially not AngularJS. However, I am in a situation where I am stuck needing it.
 
I have one main page on the domain "www" (with AngularJS), that calls "api" a lot. Some of the resources on "api" requires authentication, so it returns an 401, which in turn AngularJS picks up and displays a login-box when it sees.
 
The www-login supports a bunch of login methods and sends the password/oauth/whatever to the "api", which returns a token which the angular app stores in a cookie, and sets in $http.defaults.headers.common['Authorization'] so it can be used to authenticate furter requests to the api.
 
The same method is also used to get the username that belongs to the api-token.
 
This works perfectly and solves my design goals. But if the browser is going to an url that requires authentication, the 401 (and hence the login box pops-up). This is (I guess) because angular is not able to populate the Authorization field in the header before the 401 hits the browser..
 
Solutions?
 
 
 
Have an async=false request using jquery?
 
 
Close the login-box when we are done getting the data we want. The login box might flicker...
 
 
Store more meta-data about the login (ie, username) in cookies, so we dont haveto do get this information from the server when the app is loading.
 
 
??
 
 
Is there a better solution? This one time, for this one request, I want async=false in my Angular resource....

原文：https://stackoverflow.com/questions/18452176