首次点击获取信息失败； 第二次点击成功

Question

我从api获取信息以使用下一个代码来提供列表：

function listData (){
       $http.get('http://cupones.clickonero.com.mx/api/InvoicePayments?')
        .then(function(data){
            $scope.list = data.data.Response;
             });
           }

并在html视图上：

<tr ng-repeat="info in list | filter: search">
                <th>{{info.Id}}</th>
                <th><a data-toggle="modal" href="#detailInvoice" ng-click="gralInfo(info)">{{info.Name}}</a></th>
                <th>{{info.value}}</th>
                <th>{{info.FiscalFolio}}</th>
</tr>

然后，要查看列表中每个值的完整数据，请使用下一段代码：

$scope.gralInfo = function(h){
        $scope.infoMan = h;
        //console.log($scope.infoMan);
    }

HTML视图：

<div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><strong>DETAILS OF REQUEST NUMBER {{infoMan.Id}}</strong></h5>
                </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6 .col-md-offset-3"><strong>Name:</strong> {{infoMan.Name}}</div>
                            <div class="col-md-6 .col-md-offset-3"><strong>Invoice:</strong> {{infoMan.InvoiceNumber}}</div>
                        </div>

如您所见，使用gralInfo可以在每次单击时查询该信息。 昨天，我使用ngRoute更改了代码的另一部分（但未更改这部分）。 而且，从那时起，每次我单击以查看详细信息时，都不要在第一次单击时返回数据。 直到第二次出现故障为止。

听起来很尴尬，在这一点上，我不知道为什么要这么做。 任何人都知道为什么要这样工作吗？

另外，我正在使用$ rootScope将一些值从我的家传递到列表。 您认为这是因为发生这种情况吗？