javascript - AngularFire $save() 不是函数

Question

我看过其他关于 $save() 问题的帖子，但我无法将其与我的代码联系起来。我有一个带有 updateProfile() 方法的配置文件 Controller ，该方法最终会尝试在更改后将新数据保存到数据库中。

我已经定义了我的配置文件 Controller 如下:

angular.module('angularfireSlackApp')
.controller('ProfileCtrl', function($state, md5, profile) {
 var profileCtrl = this;
 var currentUser = firebase.auth().currentUser;
 profileCtrl.profile = profile;

// Retrieves the user's email from input field, hashes it, and saves the data to the database
profileCtrl.updateProfile = function() {
console.log(profileCtrl.profile); // Profile object exists and is populated as expected
profileCtrl.profile.emailHash = md5.createHash(currentUser.email);
profileCtrl.profile.$save();
}
});

我的用户服务:

angular.module('angularfireSlackApp')
// Provides a means of retrieving User data or list of all Users
.factory('Users', function($firebaseArray, $firebaseObject) {
// Provides a means of retrieving User data or list of all Users
 // Create a reference to users that can be used to retrieve an array of users
 var usersRef = firebase.database().ref("users");
 users = $firebaseArray(usersRef);


 var Users = {
   // Returns a firebase object of a specific user's profile
   getProfile: function(uid) {
     return $firebaseObject(usersRef.child(uid));
   },
   // Returns the display name of a specific user
   getDisplayName: function(uid) {
     return users.$getRecord(uid).displayName;
   },
   // Returns the Gravatar url that corresponds to the user
   getGravatar: function(uid) {
     return 'www.gravatar.com/avatar/' + users.$getRecord(uid).emailHash;
   },
   // Returns a firebase array of users
   all: users
 };

 return Users;
});

来自主应用程序的配置文件状态:

.state('profile', {
      url: '/profile',
      controller: 'ProfileCtrl as profileCtrl',
      templateUrl: 'users/profile.html',
      resolve: {
        auth: function($state) {
          firebase.auth().onAuthStateChanged(function(user) {
            if (user == null) {
              $state.go('home');
              console.log("In auth but user NOT valid");
            } else {
              console.log("In auth and user valid");
            }
          });
        },
        profile: function(Users) {
          firebase.auth().onAuthStateChanged(function(user) {
            if (user != null) {
              console.log("In profile and user valid");
              return Users.getProfile(user.uid).$loaded();
            } else {
              console.log("In profile but user NOT valid");
            }
          });
        }
      }
  });

控制台日志:

出于某种原因，我收到一个错误，提示 profileCtrl.profile.$save() 不是一个函数。我知道 profileCtrl.profile 对象是合法的，并且我正在适本地使用 $save()，但我无法弄清楚还有什么问题。

我的直觉是我遗漏了一些简单的东西，但我是 AngularJS 和 Firebase 的新手，所以我不会感到惊讶。

Answer 1

在您的“配置文件”状态的resolve 中，您没有返回任何内容。

您应该将其修复为:

auth: function($state, $firebaseAuth) {
  return $firebaseAuth().$onAuthStateChanged().then(function(user) {
    if (!user) {
      $state.go('home');
      console.log("In auth but user NOT valid");
    } else {
      console.log("In auth and user valid");
    }
  }); // classic situation to use $requiresAuth() 
},
profile: function(Users, $firebaseAuth) {
  return $firebaseAuth().$requireSignIn();
}

此外，您的服务不应保留对 $firebaseArray 的引用，而应为每个想要使用它的 Controller 创建它。

缺点是您必须进行一些更改，但优点是代码更可预测、更易于维护:

    var Users = {
    // Returns a firebase object of a specific user's profile
    getProfile: function(uid) {
        return $firebaseObject(usersRef.child(uid));
    },
    // Returns the display name of a specific user
    getDisplayName: function(uid) {
        // This is actually an issue to get the name synchronously, but I see no reason why not using the Firebase SDK and fetch a-sync
        //return users.$getRecord(uid).displayName;
        return usersRef.child(uid)
            .child('displayName')
            .once('value')
            .then(function (snap) {
                return snap.val();
            });
    },
    // Returns the Gravatar url that corresponds to the user
    getGravatar: function(uid) {
        // Again fetch a-synchronously
        //return 'www.gravatar.com/avatar/' + users.$getRecord(uid).emailHash;
        return usersRef.child(uid)
            .child('emailHash')
            .once('value')
            .then(function (snap) {
                return 'www.gravatar.com/avatar/' + snap.val();
            });
    },
    // Returns a firebase array of users
    all: function () {
        return $firebaseArray(usersRef);
    }
};

另请参阅新的 AngularFire 文档:API reference