フロントエンドにangle/anglefireのfirebaseからユーザー名をリストする方法は？

Question

私はリストに自分のユーザーの名前のフロントエンドを表示しようとしています。

私はそのようなユーザーを作成しています：

ユーザーが魔法のように-working、データベース内だけでなく、Firebaseの認証に登録されている

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

使用この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>