Question

我是Ionic的新手，所以我的问题可能是基本的。我正在使用选项卡和列表实现应用程序。我的导航第一次加载应用程序时工作。即我可以点击前10个列表项，它会正确导航到一个页面，其中包含更多详细信息。

然而，在使用无限滚动加载更多数据时，导航无法正常工作，从第11项到我可以导航的其余项目，但我导航到的页面中没有显示任何详细信息。以下是我的代码。

在我的控制器中

.controller('AllAdsCtrl', ['$scope', '$http', '$state', function ($scope, $http, $state) {
      $scope.allads = [];
            $http.get("http://locahost/android/getAdsForIonic.php")
                .success(function(data){
                    $scope.allads = data;
                    console.log($scope.allads.length);
                    $scope.clickedad=$state.params.adId;
                    $scope.last = $scope.allads[$scope.allads.length-1].id;
                    //console.log($scope.last)
                })
                .error(function() {
                $scope.allads = "error in fetching data";
        });
                 console.log("out"+$scope.last)
      $scope.loadMore = function() {

        $http.get('http://localhost/android/getAdsForIonic.php?startHere='+$scope.last).success(function(items) {
          console.log($scope.allads.length);
          //console.log(JSON.stringify(items));
         $scope.allads = $scope.allads.concat(items);
         $scope.clickedad=$state.params.adId;
          $scope.last = $scope.allads[$scope.allads.length-1].id;
          $scope.$broadcast('scroll.infiniteScrollComplete');
        });
      };
}]);

在我的路线中我有

.state('tab.detail', {
      url: '/home/:adId',
      views: {
        'tab-home': {
          templateUrl: 'templates/ad-detail.html',
          controller: 'AllAdsCtrl'
        }
      }
    })

在ad-detail.html中我有

<ion-header-bar class="bar-positive">
<h2 class="title">Ad Information</h2>
</ion-header-bar>
<ion-view>
  <ion-content class="padding">
  <ion-list class="list-inset" ng-repeat="ad in allads | filter : {id : clickedad}">
  <ion-item class="item-text-wrap">
      <h2>Title : {{ad.title}}</h2> 
    <img ng-src="http://localhost/{{ad.image_path}}" width="100px">
      <h2>Price : {{ad.price}}</h2> 
     <p>
      <h3>Description : {{ad.description}}</h3> 
    </p>
    </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

我错过了什么吗？

导航不适用于新列表项Ionic

0 个答案: