HTML의 AngularJS 템플릿에서 encodeURIComponent를 어떻게 호출합니까?

encodeURIComponent를 호출하는 필터를 생성하기 위해 다음은 HTML −

<div ng-app = "app">
   <a href = "/foo/{{ 'bar&baz' | encodeURIComponent }}">Demo</a>
</div>

다음은 Angular입니다 -

var app = angular.module('app', []);
app.filter('encodeURIComponent', function() {
   return window.encodeURIComponent;
});