Как обойти проблему с фильтрами при загрузке json файла в AngularJS?

Question

[Friend]

Я с помощью AngularJS выгружаю json на html страницу через фильтры, ранее в js файле был прописан текст json, но при подключении файла начинает матерится angular.min.js:118 TypeError: Cannot read property 'length' of undefined . Проблема вылетает только если я использую фильтры которые я прописал на несколько переменных:

iApp.filter('filterprice', function () {
        return function (allobj, price1, price2) {
        var filteredMaterials = [];
        if (price1 === undefined){
            price1 = 0;
        }if (price2 === undefined){
            price2 = 999999;
        }

        if (price1 === ''){
            price1 = 0;
        }if (price2 === ''){
            price2 = 999999;
        }

        for (var i = 0; i < allobj.length; i++) {
            if (allobj[i]){

            }
            if (allobj[i]['price'] >= price1 && allobj[i]['price'] <= price2) {
                filteredMaterials.push(allobj[i]);
            }
        }
        return filteredMaterials;
        };
});

Используя 1 такой фильтр он просто выкидывает ошибку и отображает все, используя 2 уже ничего не отображает.

В чем может быть проблема и как ее исправить?

Answer 1

[Александр Манаков]

Так в консоли же показали на ошибку. Cannot read property 'length' of undefined. Length у вас берется только у allobj, значит в какой то момент он undefined. Мб вы грузите json асинхронно, поэтому фильтр запускается на undefined объекте. Быстрый костыль:

return function (allobj, price1, price2) {
  if(allobj == null) return;
  var filteredMaterials = [];

Либо поставить в html на эл-т:
ng-if="allobj"

Comments

[Friend]

Это конечно ошибку в логе убрало, но! Он по прежнему на страницу json файл не выгружает

[Friend]

$http.get('arkabridgitopaderb').success (function(data) {
$scope.typedor = data.records;
console.log(data.records)

});
Вот так я его загружаю

[Friend]

На сколько я понял $http сам по себе асинхронный и не рекомендуется делать его синхронным. Искал как осуществляется процесс стандартного filter но не нашел, а с ним все работает норм( Там перебор возможно иначе осуществляется

[Александр Манаков]

Так у вас проблема то в чем?
1) В выгрузке данных? console.log(data.records) в консоли пишет ваш json?
2) Как вы фильтр то применяете? В template? например: typedor | filter: filterprice ? Посмотрите, связан ли template то с контроллером.

Разбивайте вашу задачу на кусочки, чтобы понять где не работает, а то по вашему вопросу вообще не понятно что происходит.

[Friend]

Александр Ман: у меня есть ряд фильтров на подобие filterprice. Если я их не использую, то файл(этой страница с файлом arkabridgitopaderb) JSON грузит на страницу без проблем, даже если я использую стандартные filter .Если я код JSON вписываю в js файл, то у меня все работает, но это крайне не удобно. Проблема в загрузке на страницу файла json с моими фильтрами

[Александр Манаков]

Упростите фильтр по максимуму, пусть что принимает, то и отдает. Если все будет работать без ошибок, то проблема в самом фильтре, если нет, то проблема в его подключении.

[Friend]

Александр Ман: проблема возникает при цикле массива

[Friend]

Александр Ман: любая попытка внутри функции обратиться к элементу массива приводит к ошибке

[Friend]

Александр Ман: Начал работать нормально, я даже не знаю почему и это обидно