使用Angular JS显示视图上的API命中数

Question

我是Angular JS的初学者并试图理解这个概念。我有一个由产品列表组成的JSON API，并使用$hhtp.get来获取并在视图中显示输出。

我想了解的是，如果问题陈述要求显示HTML中对API的点击/调用次数。怎么做。

这是我的示例代码

var app = angular.module('FusionApp', []);
app.controller('HomeController', ['$scope', 'displayproducts', function ($scope, displayproducts) {
    displayproducts.success(function (data) {
        $scope.show = data.products;
        //get the product count
        $scope.productCount = $scope.show.length;
    });
}]);

这是HTML视图

<div ng-controller="HomeController">
     <div class="form-group">
         <span ng-model="productCount">Product Count: {{productCount}}</span> |
         <span ng-model="apiCount">API Hits:</span>
        <p><input type="text" ng-model="name" placeholder="Search by Name" /</p>
      </div>
</div>

感谢你在这里指导。注意displayProducts是用于返回数据的工厂服务调用