AngularJS - 从控制器更新工厂的变量

Question

我正在使用 Ionic 1 和 AngularJS 1 开发一个网络应用程序。

在我的工厂（UserFact）：

.factory('UserFact', function() {
var user = [];
return {
    'setUser': function(user) {
        this.user = user;
        console.log('(2) User set: ' + this.user);
        console.log('(3) User id is now: ' + this.user.uid);
    },
    'updateSport': function(sportid, registered) {
        console.log('Update sport: ' + sportid + ' --> ' + registered);
        console.log('(4) For user uid: ' + this.user.uid);
        var ref = firebase.database().ref('users/' + this.user.uid + '/sports/');

        // sync down from server
        var list = [];
        ref.on('value', function(snap) { list = snap.val(); });

        if(registered) {
            list.splice(0, 0, {id: sportid});
        } else {

        }

        ref.set(list);
    }
};
})

在我的控制器中：

function ($scope, $stateParams, $state, DatabaseFact, UserFact) {

// variables
$scope.sports = [];
$scope.sports = DatabaseFact.getSports();

// functions
$scope.updateSport = UserFact.updateSport;

// execution
firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
        UserFact.setUser(user);
        console.log('(1) Ctrl user uid: ' + user.uid);
    }
});

}

根据控制台：日志 (1)、(2) 和 (3) 显示我的数据库的用户 ID，但 (4) 始终未定义...

有什么想法吗？

谢谢

Answer 1

更新：

Manuel，对不起，我想我错过了你问题的重点。您是对的，使用工厂/服务是存储应用程序状态的正确方法。从上面看，我看不出您的代码不起作用的原因。如果您在 (3) 中没有看到相同的内容，则用户必须在其他地方重新分配，您才能在 (4) 中看到未定义。为简单起见，我删除了对 firebase 的引用并创建了一个工作演示：https://plnkr.co/edit/vaN7ySche8GgRQmZgFsa?p=preview

虽然演示可能无法解决您的问题，但我希望它说明工厂变量（用户）是持久存在于内存中的，并且可以跨多个工厂方法调用使用。

---

下面的原始答案（错过了重点）：

更新状态更改处理程序以将用户保存在控制器范围内：

firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
        $scope.user = user;
        UserFact.setUser(user);
        console.log('(1) Ctrl user uid: ' + user.uid);
    }
});

然后，在模板中，调用 updateSport 方法，使用用户范围变量：

updateSport(user, true);

或

updateSport(user, false);

Answer 2

在控制器中调用updateSport时需要传递参数，

$scope.updateSport = UserFact.updateSport(userid,registered);