Угловое отображение JSON одного результата без фильтра повторения Ng

0

Я все еще разрабатываю приложение для обновления новостей о новостях от API Json. Теперь я загружаю все данные из json. Затем отфильтруйте его с помощью ng-repeat. Это проблема, потому что при загрузке данных она настолько медленная. Так много данных.

Я хочу сделать это в контроллере, только одна строка выбрана. Таким образом, его можно легко загрузить на страницу подробностей.

Я также хочу заказать новости по описанию. Я использую | Сортировать по. Оно работает. Но я должен загрузить все данные за один раз. Это делает мои приложения медленными. Я хочу сделать салфетки для обновления, которые показывают только 8 сообщений в первый раз. Но, загрузите данные во время салфетки (например, твиттер).

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}}">

Заранее благодарю :) let share

1 ответ

0

Вы используете Ionic framework? Ion-content - это директива в ионной структуре. Для длинного списка лучше использовать повтор коллекции вместо 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.

Если я не понял вашу проблему, сообщите мне.

  • 0
    что отличается, если я использую ng-repeat? :)
  • 0
    Можете ли вы сказать мне, как показать один ряд из контроллера? на основе идентификатора СМИ

Ещё вопросы

Сообщество Overcoder
Наверх
Меню