javascript - 如何使用 ng-repeat 将 API 调用返回到 View 的对象数量设为 'print'？

Question

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

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

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

  $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;

      };

并且在 View 中

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

这是一个示例 jsfiddle .