Question

我想知道是否有人可以指出我正确的方向并帮助我解决这个错误，当我尝试使用Firebases createUser方法创建用户后添加用户的Ember.js模型时，我得到了这个错误。

这里更具体的是我得到的错误：未捕获的TypeError：无法读取未定义的属性'createRecord'

App.SignUpController = Ember.Controller.extend({
needs: ['sign-in'],
needs: ['application'],
userSignedIn: false,


actions: {
    signMeUp: function() {
        var state = false;
        var controllerContext = this;
        // Create firebase user
        ref.createUser({
                email    : this.get('email'),
                password : this.get('password'),
            }, function(error, user) {
                if (error === null) {
                    console.log('User created with id', user.uid);
                    state = true;
                    controllerContext.set('userSignedIn', state);
                    console.log("State from sign-up page: "+ state);

                    console.log("Testing user.uid inside: "+user.uid);
                    var fbid = user.id;
                    controllerContext.set('user id', user.uid);

                    var newUser = this.store.createRecord('user', {
                          id: fbid,
                          email: this.get('email'),
                          password: this.get('password'),
                    });
                    newUser.save();
            } else {
                    console.log("Error creating account:", error);
            }
        }); // End createUser

        this.transitionToRoute('letters');
    }
}
 });

更新：这是一个（非常hacky）解决方案，我在一天的JS管道后想出来了。

App.SignUpController = Ember.Controller.extend({
needs: ['sign-in'],
needs: ['application'],
userSignedIn: false,
thisUserID: '',

actions: {
    signMeUp: function() {
        var state = false;
        var controllerContext = this;
        // Create firebase user
        function authWithPassCallback(userObj, user){
            console.log("authWithPassCallback user.uid is: "+user.uid);
            return user.uid

        }

        function createUserAndLogin(userObj, callback) {  
           ref.createUser(userObj, function(error, user) {
              if (error === null) {
                console.log("User created successfully");
                controllerContext.set('thisUserID', user.uid);
                return callback(userObj, user);

              } else {
                console.log("Error creating user:", error);
              }  
            }); 


        }

        var userAndPass = { 
            email: this.get('email'),
            password: this.get('password')}

        var fbPayload = createUserAndLogin(userAndPass, authWithPassCallback);

        setTimeout(function () { 
            console.log("FB load: "+ controllerContext.get('thisUserID'));
            var newUser = controllerContext.store.createRecord('user', {
                              id: controllerContext.get('thisUserID'),
                              email: controllerContext.get("email"),
                              password: controllerContext.get("password"),
            });
            newUser.save();
            controllerContext.transitionToRoute('letters');
       }, 1000);
        console.log(controllerContext.get('thisUserID'));

    }
}
});

Answer 1

我假设错误发生在newUser = this.store.createRecord - 此时代码this中的错误不再是指控制器。您需要使用controllerContext.store.createRecord。

Answer 2

你可能刚刚失去了上下文。 this未引用controller，您在错误函数中。

有两种方法可以解决这个问题。首先是将函数绑定到控制器的this：

ref.createUser({
  // ...
}, function(error, user) {
  var newUser = this.store.createRecord('user', {/*...*/});
  // ...
}.bind(this));

或重用controllerContext变量：

ref.createUser({
  // ...
}, function(error, user) {
  // ...
  var newUser = controllerContext.store.createRecord('user', {/*...*/});
});

createRecord未定义错误（Firebase + Ember.js）

2 个答案: