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

Question

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

我创建的用户那样：

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; 
    }); 
}; 
} 
]); 

当用户注册在火力地堡的验证，以及在数据库中，木材加工就像一个魅力！

要调用用户的所有名字在前端，我尝试以下方法：

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

没有任何成功。

有没有人知道如何实现这一目标？我的代码有什么问题？

非常感谢！

Answer 1

使用这一个，你会得到所有注册用户的火力

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; 
    }) 

和显示器的用户，您使用，也初始化你的火力应用 我认为它可以帮助你

相同的代码

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