Nano Hash - криптовалюты, майнинг, программирование

Как автоматически обновлять данные в ионном списке без обновления страницы

Я создал страницу, содержащую ионный список, и было две кнопки, если нажать на эту кнопку, она вызовет API Firebase и обновится. те, которые он обновляет, весь список обновляется. Как остановить обновление всего списка.

введите здесь описание изображения

 onLocationDataUpdate() {
    // Get current location
    this.geolocation.getCurrentPosition().then(position => {
      this.location.lat = position.coords.latitude;
      this.location.lng = position.coords.longitude;

      // Get location data from Firebase
      this.connectivityServiceService.getLocations(
        this.locatingRange,
        this.location.lat,
        this.location.lng
      );

      // Bind data to Ionic list
      this.dataSetSubscription = this.connectivityServiceService.geoPointLocationUpdateNotify.subscribe(
        locations => {
          const locationData = this.connectivityServiceService.getGeoPointLocations();
          if (locationData.length > this.maxDataCount) {
            const tempLocationData = locationData.slice(0, this.maxDataCount);
            tempLocationData.forEach(item => {
              if (item.feed_back === undefined) {
                item = Object.assign(item, {
                  feed_back: { count: 0, positive: [], negative: [] }
                });
              }
            });
            this.geoPointLocationData = tempLocationData;
            this.loader.dismiss();
          } else {
            const tempLocationData = locationData;
            tempLocationData.forEach(item => {
              if (item.feed_back === undefined) {
                item = Object.assign(item, {
                  feed_back: { count: 0, positive: [], negative: [] }
                });
              }
            });
            this.geoPointLocationData = tempLocationData;
            this.loader.dismiss();
          }
        }
      );
    });
  }

  • Вы заменяете существующую модель или продвигаете ее? 13.07.2019
  • Вроде подменяю. существующая модель 13.07.2019
  • Затем попробуйте передать новые данные в модель. Надеюсь, это решит проблему. 13.07.2019
  • Да, это решает проблему. Благодарю вас ! теперь работает. 13.07.2019

Ответы:


1

Я знаю, что вы решили эту проблему к своему удовлетворению, но вы действительно натолкнулись на что-то здесь.

Просто добавляя новые данные в модель, вы увидите, как она обновляется, но под капотом она воссоздает весь этот список.

Если данные становятся длинными, это может вызвать проблемы с производительностью. На этом этапе вы должны изучить trackBy.

Это способ дать Angular способ отслеживать каждый отдельный элемент в списке, чтобы, когда дело доходит до его обновления, Angular мог выяснить, какие из них действительно нуждаются в обновлении, и изменить только их.

Это похоже на достойное введение в тему.

14.07.2019
Новые материалы

Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..