AngularJS empty filter

by Adrianus Kleemans

HTML

<body ng-app="TestApp" ng-controller="TestController">
Elements:
<ul>
  <li ng-repeat="el in elements">{{el}}</li>
</ul>

Filtered elements with Filter 'a':
<ul>
  <li ng-repeat="el in elements | filter : string1">{{el}}</li>
</ul>

Filtered elements with Filter '':
<ul>
  <li ng-repeat="el in elements | filter : string2">{{el}}</li>
</ul>

Filtered elements with Filter null:
<ul>
  <li ng-repeat="el in elements | filter : string3">{{el}}</li>
</ul>

</body>

JavaScript

angular.module('TestApp', [])
.controller('TestController', function ($scope) {
	$scope.elements = [null, '', "abc", 123];
  $scope.string1 = 'a';
  $scope.string2 = '';
  $scope.string3 = null;
});