Ограничения производительности угловых фильтров на мобильном телефоне

Question

У меня есть 3000 объектов, каждый из которых обладает рядом свойств, создавая файл JSON длиной 72 000 строк 2 МБ.

JSON - это фактически база данных объектов, которые необходимо фильтровать с помощью текстового поискового фильтра, а также путем сопоставления значений с массивом значений.

В изначальном виде я выполняю это в моем service:

this.loadJsonFile = function(url, process) { 
    var defer = $q.defer(); 
    if (angular.isDefined(cache[url])) { 
     if (angular.isDefined(cache[url]['then'])) { 
     return cache[url]; 
     } 
     defer.resolve(cache[url]); 
     return defer.promise; 
    } 

    $http.get(url).success(function(data) { 
     if (process) { 
     data = process(data); 
     } 
     cache[url] = data; 
     defer.resolve(data); 
    }).error(function(err){ 
     defer.reject(err); 
    }); 
    cache[url] = defer.promise; 
    return defer.promise; 
    }; 

    this.getExercises = function() { 
    return this.loadJsonFile('data/exercises.json'); 
    }; 

и в моем контроллере все результаты подвергаются $scope по:

api.getExcercises().then(function(data) { 
    $scope.allExercises = data.results; 
}); 

Я ограничить результаты по:

$scope.limit = 56; 

Раньше я оставался подальше от вызова сервера y раз мне нужно искать, так как количество звонков будет очень высоким! Это хорошо работает на iPad Air 2 и iPhone 6, где есть много энергии, однако на Galaxy Tab он довольно беден.

Мне нужна помощь по стратегии только для того, чтобы показывать только ограниченное количество результатов на $scope, поскольку я думаю, что количество сдвига фильтруемых и опрокинутых данных приводит к моей низкой производительности. Я в порядке с выполняемой функцией поиска/фильтра и нарушением целостности функции поиска в реальном времени, пока результаты подвергаются $scope (по словам экрана загрузки), производительность очень резкая.

Оглядываясь на ситуацию с сервером, я не заинтересован в том, чтобы поражать мой сервер Parse.com, поскольку он не является дружественным к угловому, однако Async-характер Firebase может работать. Я просто загрузил свой JSON и прикрепил данные в $ объеме через:

var ref = new Firebase("https://URL_HERE.firebaseio.com/results"); 
$scope.allExercises = $firebaseArray(ref); 

, который работает довольно аналогично мой локальный метод JSON. Однако мне интересно, можно ли использовать Firebase следующим образом?

1. Загрузить начальные 50 результатов, упорядоченных по имени.
2. При наборе текста в текстовом поиске выполняется запрос, а в поле $ scope передаются результаты.
3. При добавлении значений в фильтр-массив данные о Firebase запрашиваются относительно значений и результатов, открытых для $scope.

Answer 1

Пожалуйста, потребуется некоторое время, чтобы пройти через Firebase guide. Это предотвратит многие вопросы, на которые они уже ответили.

1. Да, что-то вроде:

   ref.orderByChild('name').limitToFirst(50); 
   

2. Вы должны были бы выполнить запрос, например:

   ref.orderByChild('name').startAt(searchString).limitToFirst(50); 
   

   Обратите внимание, что Firebase выполнение запроса не поддерживает поиск подстановочных. См. guide's section on querying для получения дополнительной информации.

Answer 2

Ваша проблема заключается в том, что количество ваших наблюдателей велико для ваших данных, а автоматические фильтры создают еще больше наблюдателей, которые вызывается дважды.

Предлагаю вам реализовать базу данных и возможности поиска.

Для свободного решения (как FireBase оплачивается) Я предлагаю вам использовать базу данных SQLite с cordova sqlite plugin

Это работает очень хорошо на андроид и КСН, и с некоторой работы на Windows Phone тоже;)