Angularjs Filter not working when the property is undefined

Question

I have the following setup

  $scope.array = 
    [
      {propertyA: "test", 
       propertyB: {
                   propertyC: [true, true, false]
                  }
      },
      {propertyA: "test2"},
      {propertyA: "test3"}
    ]

and then

<div ng-repeat="item in array| filter :{propertyB: ''} :true">
     {{item.propertyA}}
</div>

So the problem is:

this setup does not display anything
if i change to |filter :{propertyB: '!!'} :true it does not display anything
if i change to |filter :{propertyB: undefined} :true it displays everything

I can`t figure it out.

Target: I want to display the items which have the propertyB undefined and in other case the other way around.

Edit 1: If I iterate over the array with angular.equals(item.propertyB, undefined) I get false, true, true

Edit 2: jsfiddle UPDATED

Edit 3: I have updated the question

This question has been answered here: stackoverflow.com/questions/25177004/… — André Kool
– André Kool, Commented Dec 18, 2015 at 9:52

Kunal Kakkad · Accepted Answer · 2015-12-18 09:53:46Z

1

$scope.array = 
[
  {propertyA: "test", propertyB: "test2"},
  {propertyA: "test2"},
  {propertyA: "test3"}
];
$scope.filteredArray =[];
angular.forEach($scope.array,function(eachData){
   if(angular.isUndefined(eachData.propertyB))
   $scope.filteredArray.push(eachData);
});

And the $scope.filteredArray is array you want and you can use it in repeat for binding in html.

answered Dec 18, 2015 at 9:53

Kunal Kakkad

6516 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Venugopal · Accepted Answer · 2015-12-18 10:08:40Z

1

you are adding a filter on ng-repeat so you will get a collection, as input to the filter, instead of a single array element so your implementation will not work.

as Kunal mentioned, try filtering the array before hand and repeat on filtered array. or add a filter inside double curly braces {{}}.

check this plnkr

answered Dec 18, 2015 at 10:08

Venugopal

1,8961 gold badge17 silver badges30 bronze badges

1 Comment

Daniel Donev Over a year ago

Please check the updated question. Also i want to filter the elements before i render them (in the ng-repeat)

Daniel Donev · Accepted Answer · 2016-01-28 15:01:33Z

I endded up doing this.

.filter('undefinedProperties', ['$filter', function ($filter) {
        var checkProperty = function (property, returnUndefined) {
            if (returnUndefined) {
                if (property !== undefined) {
                    return true;
                } else {
                    return false;
                }
            } else {
                if (property === undefined) {
                    return true;
                } else {
                    return false;
                }
            }
        };
        return function (input, propertyArray, returnUndefined) {
            if (angular.isArray(propertyArray)) {
                if (angular.isArray(input) && input.length > 0) {
                    angular.forEach(propertyArray, function (property) {
                        for (var i = input.length; i-- > 0;) {
                            if (checkProperty(input[i][property], returnUndefined)) {
                                input.splice(i, 1);
                            }
                        }
                    });
                }
                return input;
            } else {
                throw "PropertyArray is not an array";
            }
        };
    }])

Collectives™ on Stack Overflow

Angularjs Filter not working when the property is undefined

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related