ng-从消防基地重复检查项目

Question

我正试着从火炉中搜寻物品。我把它们放在console.but中，表达式不起作用。我不知道该怎么办，什么都试过了。任何帮助都会很好。谢谢

控制台的映像：

​

​

//js
firebaseRef.once("value", function(snapshot) {
    $timeout(function(){
        $scope.boats = snapshot.val();
        console.log($scope.boats); //image of console up^
    }, function (errorObject) {
        console.log("The read failed: " + errorObject.code);
    },0);
});

//html
     <div class="row pad" ng-repeat="boat in boats">
        <span class='text-center' >{{boat.title}}</span>
     </div>

Answer 1

数据以boat.Title的形式存储，但作为boat.title被访问。

Answer 2

@funador是正确的，您需要boat.Title而不是boat.title。

但是，您应该考虑使用角1的AngularFire来使您的生活更轻松一些。

AngularFire将集合与Firebase数据库和$digest循环同步。

angular.module('app', ['firebase'])
  .constant('FirebaseUrl', '<my-firebase-app>')
  .controller('MyCtrl', MyController)
  .config(function($firebaseRefProvider, FirebaseUrl) {
     $firebaseRefProvider.registerUrl({
       default: FirebaseUrl,
       boats: FirebaseUrl + '/boats'
     });
  });

function MyController($scope, $firebaseRef, $firebaseArray) {
  $scope.boats = $firebaseArray($firebaseRef.boats);
}

AngularFire允许您在config阶段使用$firebaseRefProvider指定引用。然后，您将能够注入$firebaseRef服务。

$firebaseArray将自动同步对模板的更改。若要创建一个数组，请向boats传递对数组的引用。

最棒的是，这里不需要$timeout。AngularFire为你处理它。

你的ng-repeat仍然是一样的：

<div class="row pad" ng-repeat="boat in boats">
  <span class='text-center' >{{boat.title}}</span>
</div>