在angularfire中從firebase讀取數據

Question

我有一個應用程序，我需要在database.Now中存儲藝術家和他們的詳細信息。現在我想檢索所有的藝術家，並在前端渲染他們的一些細節。如何做到這一點。其次，如果我通過使用ng-model獲得某個輸入字段中的藝術家評分，那麼如何將該值存儲在特定的藝術家中以更新細節。 數據庫結構是：

{ 
    "artists": { 
     "Atif":{ 
      "name":"atif", 
      "rating":8 
     }, 
     "Himesh":{ 
      "name":"himesh", 
      "rating":5 
     } 
    } 
} 

，這是angular.js

(function() 
    { 

var app = angular.module("myapp", ["firebase"]); 

app.controller("maincontroller", function($scope, $firebaseObject,$firebaseArray) 
{ 
    var ref = new Firebase("https://gigstart.firebaseio.com/"); 

    var artists=ref.child("artists"); 


    // download the data into a local object 
    $scope.data = $firebaseObject(ref); 

    // putting a console.log here won't work, see below 
    ref.on("value", function(snapshot) 
    { 
     console.log(snapshot.val()); 
    }, function (errorObject) 
    { 
     console.log("The read failed: " + errorObject.code); 
    }); 


    var artistsRef=new Firebase("https://gigstart.firebaseio.com//artists"); 




}); //end of controller 

現在我要呈現在面前每個藝術家的名字和等級end.Can我做這樣的事情

<div ng-repeat="artist in artists"> 
    {{artist.name}} 
    {{artist.rating}} 
</div> 

Answer 1

你有一個藝術家列表，你想在你的角度看ng-repeat。您可以實現通過：

app.controller("maincontroller", function($scope, $firebaseArray) 
{ 
    var ref = new Firebase("https://gigstart.firebaseio.com/");  

    var artists = ref.child("artists"); 

    $scope.artists = new $firebaseArray(artists); 
} 

請花一點時間開始對自己的項目之前都要經過AngularFire快速入門。這涵蓋在step 5。