Javascript 角度JSON显示单个结果,无Ng重复过滤器

Javascript 角度JSON显示单个结果,无Ng重复过滤器,javascript,json,angularjs,Javascript,Json,Angularjs,我仍在开发应用程序,用于从API Json更新节目新闻。现在,我从json加载所有数据。然后用ng重复过滤。这就是问题所在,因为加载数据时,速度太慢。这么多数据 我想在控制器中,只选择1行。因此,可以轻松地将其加载到详细信息页面 我还想通过desc订购新闻。我使用了| orderby。它起作用了。但我必须一次加载所有数据。这会让我的应用程序变慢。我想使刷刷新,只有显示8篇文章在第一次。但是,将在刷卡时加载数据(如twitter) Controller.php .controller('Media

我仍在开发应用程序,用于从API Json更新节目新闻。现在,我从json加载所有数据。然后用ng重复过滤。这就是问题所在,因为加载数据时,速度太慢。这么多数据

我想在控制器中,只选择1行。因此,可以轻松地将其加载到详细信息页面

我还想通过desc订购新闻。我使用了| orderby。它起作用了。但我必须一次加载所有数据。这会让我的应用程序变慢。我想使刷刷新,只有显示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(所有新闻)



提前感谢:)让我们分享你使用的是爱奥尼亚框架吗?离子含量是离子框架中的一个指令。对于长列表,最好使用集合重复而不是ng重复

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

<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


如果我不理解您的问题,请告诉我。

如果我使用ng repeat有什么不同?:)您能告诉我如何从控制器显示单行吗?基于媒体id
<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>