Angular JS - 從Firebase數據庫中獲取對象的迭代陣列

Question

我正在構建一個從Firebase數據庫獲取其對象的應用程序。問題是，當我嘗試迭代我所得到的內容時，它不顯示任何內容。但是，當我要求通過console.log顯示它時，它就在那裏！ 我想這是因爲HTTP方法及其承諾。但我還沒有想出如何解決它。有人能幫我理解嗎？

HTML：

<table class="table"> 
    <thead> 
    <tr> 
     <th>ID</th> 
     <th>Name</th> 
     <th>Description</th> 
     <th>Price</th> 
     <th>Options</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="profile in profiles"> 
     <td>{{profile.value.id}}</td> 
     <td>{{profile.value.name}}</td> 
     <td>{{profile.value.description}}</td> 
     <td>{{profile.value.price | currency}}</td> 
     <td> 
     <button type="button" class="btn">Edit</button> 
     <button type="button" class="btn btn-danger">Delete</button> 
     </td> 
    </tr> 
    </tbody> 
</table> 

Controller.js

App.controller("adminController", function($scope) { 
    console.log("running"); 

    var profiles = new Array; 

    var query = firebase.database().ref("profiles").orderByKey(); 

    query.once("value") 
    .then(function(snapshot) { 
     snapshot.forEach(function(childSnapshot) { 
     var key = childSnapshot.key; 
     var childData = childSnapshot.val(); 

     profiles.push({ 
      key: key, 
      value: JSON.parse(childData) 
     }) 
    }); 
    console.log(profiles); 
    }); 
} 

Answer 1

您需要使用$scope.profiles與您的控制器，

App.controller("adminController", function($scope) { 
    console.log("running"); 
    $scope.profiles = []; 
    var query = firebase.database().ref("profiles").orderByKey(); 
    query.once("value") 
    .then(function(snapshot) { 
     snapshot.forEach(function(childSnapshot) { 
     var key = childSnapshot.key; 
     var childData = childSnapshot.val(); 
     $scope.profiles.push({ 
      key: key, 
      value: JSON.parse(childData) 
     }) 
    }); 
    console.log($scope.profiles); 
    }); 
}