从工厂到控制器的角度传递数据

时间:2015-01-22 15:03:36

标签: angularjs firebase

我试图存储授权用户ID变量,我可以将其传递给控制器​​。我知道我是如何尝试从工厂对象的封闭内部传递数据的问题,但我仍然坚持如何修复它。

这是我的工厂:

myApp.factory('Authentication', function($firebase, 
  $firebaseAuth, FIREBASE_URL, $location) {

  var ref = new Firebase(FIREBASE_URL);
  var simpleLogin = $firebaseAuth(ref);

  var authorized;

  var myObject = {
    login : function() {
    return simpleLogin.$authAnonymously().then(function(authData) {
    authorized = authData.uid;
  console.log("Logged in as:", authData.uid);
}).catch(function(error) {
  console.error("Authentication failed:", error);
});
    },
    auth : authorized
  } //myObject

  return myObject;
});

这是我的控制器:

myApp.controller('MeetingsController', 


function($scope, $firebase, Authentication) {

  var ref = new Firebase('http://i2b2icons.firebaseio.com/');
  var meetings = $firebase(ref);

  $scope.authid = Authentication.auth;

  $scope.meetings = meetings.$asObject();
//  $scope.id = = Authentication.login.id;  
  $scope.addMeeting=function() {
    meetings.$push({
      name: $scope.meetingname,
      date: Firebase.ServerValue.TIMESTAMP
    }).then(function() {
      $scope.meetingname = '';
    });
  } //addmeeting

  $scope.deleteMeeting=function(key) {
    meetings.$remove(key);
  } //deletemeeting

}); //MeetingsController

我真的只是想让$ scope.authid变量从myObject的login函数中获取auuthorized的值。

登录方法应该已经通过此控制器登录来调用:

myApp.controller('RegistrationController', 


function($scope, $firebaseAuth, $location, Authentication) {


  $scope.login = function() {
    Authentication.login();
  } //login


}); //RegistrationController

2 个答案:

答案 0 :(得分:2)

您只是在工厂中设置本地变量authorized,它与您尝试在控制器中访问的Authentication.auth无关(除非您在创建时将值设置为它)这个因素,无论如何都不是意图)。而是返回工厂中的预定义对象并从中返回该对象。在对象引用上设置属性。

myApp.factory('Authentication', function($firebase, 
      $firebaseAuth, FIREBASE_URL, $location) {

    var ref = new Firebase(FIREBASE_URL);
    var simpleLogin = $firebaseAuth(ref);
    //Predefine the factory
    var factory = {
       login: login,
       authorized: null
    };

    function login() {
       return simpleLogin.$authAnonymously().then(function(authData) {
          factory.authorized = authData.uid; //Set the property here
      }).catch(function(error) {});
    } 
   //return it
   return factory;
});

通过此提供,您可以获得工厂的参考,并且其属性的更新将反映(在您调用填充数据的方法时)在控制器中。另一种方法是在工厂中使用getter函数来返回auth对象,或者你也可以缓存login函数返回的promise并返回它,并在发生一个记录用户的事件时使其无效。

答案 1 :(得分:0)

正如其他人已经指出的那样,您只更新变量authorized,而不是属性auth。一个相当简单的解决方案是将auth更改为getter,它始终返回当前值:

var myObject = {
  login : function() {
    ...
  },
  get auth() {
    return authorized;
  }

您无需更改任何其他代码。