如何在前端使用angular / angularfire从firebase列出用户名？答案

【问题标题】：how to list users name from firebase with angular / angularfire in front end?如何在前端使用angular / angularfire从firebase列出用户名？
【发布时间】：2017-03-22 13:15:33
【问题描述】：

我正在尝试在列表中显示所有用户名的前端。

我正在创建这样的用户：

 firebase.initializeApp(config);

var app =  angular
.module('app', ['firebase'])
app.factory("Auth", ["$firebaseAuth",
function($firebaseAuth) {
return $firebaseAuth();
}
]);



 app.controller("SampleCtrl", ["$scope", "Auth",
 function($scope, Auth) {
$scope.createUser = function() {
  $scope.message = "One or more field is not correctly entered !";
  $scope.error = null;


Auth.$createUserWithEmailAndPassword($scope.email, $scope.password, $scope.name)
    .then(function(firebaseUser) {
      $scope.message = "User created with uid: " + firebaseUser.uid;
      const uid = firebaseUser.uid;
      const dbref = firebase.database().ref().child('users').child(uid);


      dbref.update({
        email: $scope.email,
        id: uid,
        name: $scope.name
      });
        console.log(dbref.uid);
    }).catch(function(error) {
      $scope.error = error;
    });
};




 $scope.deleteUser = function() {
  $scope.message = null;
  $scope.error = null;

  $scope.auth.$onAuthStateChanged(function(firebaseUser) {
  $scope.firebaseUser = firebaseUser;
});

  // Delete the currently signed-in user
  Auth.$deleteUser().then(function() {
    $scope.message = "User deleted";
  }).catch(function(error) {
    $scope.error = error;
  });
 };
 }
 ]);

用户在 Firebase 的 Auth 以及数据库中注册的地方 - 像魅力一样工作！

要在前端调用所有用户名，我尝试了以下操作：

  <ul><li ng-repeat='user in users'>{{users.name}}</li></ul>

没有任何成功。

有人知道如何做到这一点吗？我的代码有什么问题？

非常感谢！

【问题讨论】：

标签： angularjs firebase firebase-authentication angularfire

【解决方案1】：

使用这个你将获得firebase的所有注册用户

    var myapp = angular.module('sampleApp', ['firebase'])
    myapp.factory('usersList', function($firebaseArray) {
    //Get the firebase reference
    var ref = firebase.database().ref('users');
    //return the array of users
    return $firebaseArray(ref);
  });

  myapp.controller('SampleCtrl', function (usersList, $scope) {
    //Put the users array in the scope.users
    $scope.users = usersList;
  })

对于显示用户，使用您使用的相同代码并初始化您的 firebase 应用程序我觉得可以帮到你

      <ul><li ng-repeat='user in users'>{{users.name}}</li></ul>

【讨论】：