gajus/gist:efe14920c52c07d8a8ba

## gistfile1.html
<!DOCTYPE html>
<html ng-app="mainApp">
<head>
    <title>Store</title>

    <script src="./static/js/angular.js"></script>
    <script>
    angular
        // Injecting customFilterApp to the mainApp, making the components (such as filters and controllers) of the customFilterApp available in the mainApp $scope.
        .module('mainApp', ['customFilterApp'])
        .controller('mainController', function ($scope) {
            $scope.data = {
                items: [{name: 'a'}, {name: 'b'}, {name: 'c'}]
            };
        });
    angular
        .module('customFilterApp', [])
        .filter('myFilter', function () {
            return function (data) {
                return data;
            };
        });
    </script>
</head>
<body ng-controller="mainController">
    <ul>
        <li ng-repeat="item in items | myFilter">{{item.name}}</li>
    </ul>
</body>
</html>
	<!DOCTYPE html>
	<html ng-app="mainApp">
	<head>
	<title>Store</title>

	<script src="./static/js/angular.js"></script>
	<script>
	angular
	// Injecting customFilterApp to the mainApp, making the components (such as filters and controllers) of the customFilterApp available in the mainApp $scope.
	.module('mainApp', ['customFilterApp'])
	.controller('mainController', function ($scope) {
	$scope.data = {
	items: [{name: 'a'}, {name: 'b'}, {name: 'c'}]
	};
	});
	angular
	.module('customFilterApp', [])
	.filter('myFilter', function () {
	return function (data) {
	return data;
	};
	});
	</script>
	</head>
	<body ng-controller="mainController">
	<ul>
	<li ng-repeat="item in items \| myFilter">{{item.name}}</li>
	</ul>
	</body>
	</html>