如何使用 ng-repeat 将 API 调用返回的对象数量“打印”到视图中？

Question

我正在向 API 发出 $http 请求，我总共返回了 4 个对象。我想知道是否有一种方法可以获得我控制台记录的数字“4”并将其放在带有ng-repeat..的html视图中。

console.log(data.length);

我已经使用 JSON 的其他键和值完成了此操作，但我不确定如何使用对象的总长度来执行此操作。

我为什么需要这个？因为每个对象都代表我们当天拥有的客户数量，如果每次返回 API 时我都可以将这个数字打印到屏幕上，那将非常实用。任何帮助都会很棒。谢谢大家！

  self.getBookings = function () {
        //create 'defer object'
        var deferred = $q.defer();

        $http.get("http://localhost/apiV2/bookings/1001")
        .success(function success (data) {
          console.log(data);
          console.log(data.length);

//this was my attempt to get the number "4"
          var passengerCount = data.forEach(function(passCount) {
            self.bookings.push({
              length: passCount.length
            });
          })


          self.bookings = data;

      };

Answer 1

只需将长度分配给范围变量并在视图中显示

  $scope.totalCount =0;
  self.getBookings = function () {
        //create 'defer object'
        var deferred = $q.defer();

        $http.get("http://localhost/apiV2/bookings/1001")
        .success(function success (data) {
          console.log(data);
          $scope.totalCount = data.length;
          self.bookings = data;

      };

在视野中

<h1>{{totalCount}}</h1>

这是一个示例jsfiddle。

Answer 2

在 Angular.js 中使用数据绑定的概念并不是很清楚 angular.js 的事实，但这似乎是数据绑定的经典示例。

将数据长度分配给数据绑定变量。并在您的视图部分使用该变量的状态。