title: Reading data from firebase in angularfire
body: <p>I have an app where I need to store artists and their details in database.Now I want to retrieve all the artists and render some of their details in front end.How to do that.
  Secondly, if I get the artist rating in some input field by using ng-model, then how to store that value in a particular artist to update details.
  The database structure is:</p>
  
  <pre><code>{
      "artists": {
          "Atif":{
              "name":"atif",
              "rating":8
          },
          "Himesh":{
              "name":"himesh",
              "rating":5
          }
      }
  }
  </code></pre>
  
  <p>and this is angular.js</p>
  
  <pre><code>(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
  </code></pre>
  
  <p>Now I want to render the name and rating of each artist in front end.Can I do something like</p>
  
  <pre><code>&lt;div ng-repeat="artist in artists"&gt;
      {{artist.name}}
      {{artist.rating}}
  &lt;/div&gt;
  </code></pre>