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