Мы реализовали функцию отложенной загрузки на странице со списком и наблюдаем белый экран, когда пользователь нажимает кнопку «Назад» на странице сведений о продукте. - PullRequest
0 голосов
/ 29 апреля 2019

Мы пытаемся сохранить позицию на странице списка, когда пользователь нажимает на карточку продукта со страницы списка и переходит обратно со страницы сведений о продукте обратно на страницу списка

[На мобильном телефоне реагирует]

Мы в основном разбиваем страницу листинга на фреймы

1 фрейм - 20 наименований товаров

Итак, допустим, вы нажали на товар из фрейма 3 (который начинается с 40-гопродукт), когда пользователь переходит обратно на страницу со списком, мы перенаправляем пользователя на запуск кадра 3, но когда мы прокручиваем вверх (В направлении кадра 2, кадра 1), мы наблюдаем белый экран

** Этонаш код, когда пользователь загружает страницу со списком enter code here **

self.initSearch = function() {
    self.selectedFilter = {
      brands: [],
      categories: [],
      location: '',
      free_shipping: false,
      wholesale: false,
      order: '',
      price: {
        min: 0,
        max: 0
      }
    };
    var seoUrl = getSeoUrl(window.location.href);
    if (seoUrl != window.location.href) {
      window.location.href = seoUrl;
    }

    // if user scrolls more than 80 products, then just load the first 20 items
    if(getFromLocalStorage('loadedItems') !== null && window.location.toString() === getFromLocalStorage('lastSearch')) {
      self.nodata = false;
      currentItemData.push(...JSON.parse(getFromLocalStorage('itemData')));
      self.loadedItems = {...JSON.parse(getFromLocalStorage('loadedItems'))};
      self.filter = {...JSON.parse(getFromLocalStorage('filters'))};
      self.selectedFilter = {...JSON.parse(getFromLocalStorage('selectedFilter'))};
      self.totalItems = parseInt(getFromLocalStorage('totalItems'));
      currentPage = parseInt(getFromLocalStorage('rowsLoaded'));
    } else {
      var filterObject = getFilterFromUrl(seoUrl);
      setInitialFiltering(filterObject);
      getCatalog();
    }
  }

*end of code*

* ниже кода, который мы нашли в Интернете, но, похоже, не работает ** {{item}}

angular.module('application', ['ui.scroll'])
  .controller('mainController', ...

    var get = function(index, count, success) { ... };

    $scope.datasource = { get: get };

  );

https://angular -ui.github.io / щ улиткой / демо / scopeDatasource / scopeDatasource.html

...