Question

我是一个相当新的角度，我很难在表达式中显示我的范围变量。它正在重复通过项目但不显示表达式。我尝试了ng-bind和其他选项而没有运气。任何帮助都会很棒！感谢

//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 db的根）来使用适当的方法访问其子级。由于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来使用带有角度的firebase，因为它通过角度服务为firebase方法提供了很好的包装。请参阅https://www.firebase.com/docs/web/libraries/angular/quickstart.html

ng-repeat工作但不显示表达

1 个答案: