ng-repeatは動作していますが、式が表示されていません。

Question

私は非常に角度が新しく、問題に遭遇しています。アイテムを適切に繰り返すが、表現は表示しない。私は運と一緒にバインドと他のオプションを試した。どんな助けも素晴らしいだろう！ありがとう

//html  
<div > 
     <div class="row pad" ng-repeat="boat in boats"> 
     <div class="col-xs-6 col-md-4"><img class="proimg" src="img/Example.png"></div> 
      <div class="col-xs-12 col-md-8"> 
      <span class='text-center' >{{boat.title}}</span> 
       <ul class="detailList"> 
        <li>{{ boat.title }}</li> 
        <li ng-bind="description">{{ boat.description }}</li> 
        <li>{{ boat.price }}</li>  
      </div> 
     </div> 
    <hr> 
</div> 

/js 
    var firebaseRef = new Firebase("https://mysite.firebaseio.com/boats"); 
    $scope.boats = firebaseRef 

Answer 1

あなたは間違った方法でファイアベースの実装を使用しています。適切な方法を使って子供にアクセスするには、firebaseデータベースのルートであるrefを使用する必要があります。非同期的にfirebase作品以来、あなたはコールバックを渡し、

var firebaseRef = new Firebase("https://mysite.firebaseio.com/boats"); 

// Attach an asynchronous callback to read the data at our posts reference 
firebaseRef.on("value", function(snapshot) { 
    console.log(snapshot.val()); 
    $scope.boats = snapshot.val() 
}, function (errorObject) { 
    console.log("The read failed: " + errorObject.code); 
}); 

を示すようfirebaseからデータを検索の詳細については、これを参照してください必要なデータにアクセスすることができます。https://www.firebase.com/docs/web/guide/retrieving-data.html。

アングル付きファイアベースの使用には、Angular fireを使用することをお勧めします。これは、アングルサービスによるファイヤーベースの方法に優れたラッパーを提供するためです。 https://www.firebase.com/docs/web/libraries/angular/quickstart.html