angularJS登录连接到API后端

我已经找到了很多解释这一点的文字，但我还没有完全找到我要找的。我希望有人能给我指出正确的方向。我正在构建一个与RoR后端通信的Angular应用程序。在后端，使用用户名和密码进行基本身份验证。目前，我已经将用户名和密码硬编码到我的app.js中。我正在使用Restanglar，所以我将其设置为：

 var authenticationToken = btoa('username,password');

.config(function (RestangularProvider) {
  RestangularProvider.setDefaultHeaders({Authorization: 'Basic ' + authenticationToken});
}

但我希望用户在使用用户名和密码打开应用程序时必须登录。这样我的应用程序就可以使用它们向后端发送请求。我真的不知道如何正确设置

更新

---

我解决了我的问题。我使用的是默认标题，而我应该使用单独的标题。我可以在我的服务呼叫中设置它。

您需要做的就是创建一个。遵循角度文档中的示例。然后在您的控制器/指令中（无论您存储用户名和密码的范围是什么），只需像您在问题中所做的那样进行身份验证调用。

我不太确定我是否理解。我用文本输入创建了一个基本的登录页面。将输入的用户名和密码存储到2个范围变量中，然后我调用RestangularProvider。我已经尝试过了，但问题是我无法将提供程序注入控制器。所以我不能将默认标题设置为新值。@Misha啊，你应该在你的问题中这样说。所以实际上你的问题是：“我如何从app.js访问控制器中的值？”你看到了吗？我已经看过了，这不是我想要的。我无法将$scope或$rootscope注入app.js，因此无法更改restanglaprovider配置。我会更新一下我的问题。