ฉันจะเรียกใช้ encodeURIComponent จากเทมเพลต AngularJS ใน HTML ได้อย่างไร

ในการสร้างตัวกรองที่เรียกใช้ encodeURIComponent ต่อไปนี้คือ HTML -

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

ต่อไปนี้คือมุมของเรา -

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