আমি কিভাবে HTML এ AngularJS টেমপ্লেট থেকে encodeURICcomponent আহ্বান করতে পারি?

একটি ফিল্টার তৈরি করতে যা এনকোডইউআরআই কম্পোনেন্টকে আহ্বান করে, নিম্নলিখিতটি হল 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;
});