Question

我还在开发API Json的节目新闻更新应用。现在，我从json加载所有数据。然后用ng-repeat过滤它。这是问题，因为在加载数据时，它很慢。这么多数据。

我想在控制器中制作它，只选择了1行。因此，它可以轻松加载到详细信息页面。

我也想通过desc订购新闻。我使用过|排序依据。有用。但我必须一次加载所有数据。它使我的应用程序变慢。我想刷卡刷新，只在第一次显示8个帖子。但是，将在滑动时加载数据（如twitter）。

Controller.php这样

.controller('MediaCtrl', function($scope, $http) {

  $http.get('http://api.pemiluapi.org/rekam-jejak-media/api/rekam_jejak?apiKey=c6a0237499f3e4197546b5551a3a864f')
       .then(function(res){
          $scope.medias = res.data;  
          //alert(res.data);              
        });


})

.controller('MediaDetailCtrl', function($scope, $stateParams, $http) {

  $http.get('http://api.pemiluapi.org/rekam-jejak-media/api/rekam_jejak?apiKey=c6a0237499f3e4197546b5551a3a864f')
       .then(function(res){
          $scope.medias = res.data;  
          $scope.mediaid = $stateParams.mediaId;
          //alert(res.data);              
        });


})

Detail.html

   <ion-content style="padding:30px;" class="item-remove-animate " ng-repeat="media in medias.data.results.rekam_jejak | filter: {id: mediaid}" type="item-text-wrap" href="#/tab/daerah/{{province.id}}">

Media.html（所有新闻）

 <ion-item class="item-remove-animate " ng-repeat="media in medias.data.results.rekam_jejak | orderBy:'id':true" type="item-text-wrap" href="#/tab/media-detail/{{media.id}}">

先谢谢:)让分享

Answer 1

您使用的是Ionic框架吗？离子含量是Ionic框架中的指令。对于长列表，最好使用集合重复而不是ng-repeat。

列出项目的代码可能是这样的

<ion-content>
    <ion-item collection-repeat="media in medias.data.results.rekam_jejak">
        <a ng-href="#/{{media.url}}">{{media.id}}</a>
    <ion-item>
</ion-content>

如果单击该链接，您的配置中应该有一条路径，该路径将拥有自己的视图（模板）和控制器。在该视图中，您应该只显示该特定项目。我不认为您应该在详细信息页面上使用该方法遇到问题，因为不需要ng-repeat。

如果我不明白你的问题，请告诉我。

角度JSON显示没有Ng重复过滤器的单个结果

1 个答案: