কম্পিউটার টিউটোরিয়াল

AngularJS টেমপ্লেটে `encodeURIComponent` ফিল্টার ব্যবহার করার পদ্ধতি

কাস্টম ফিল্টার তৈরি করে `encodeURIComponent` এক্সপোজ করুন

AngularJS এক্সপ্রেশন (`{{ }}`) সরাসরি গ্লোবাল ফাংশন কল করে না। একটি ফিল্টার তৈরি করে `window.encodeURIComponent` র‍্যাপ করুন।

AngularJS কোড

<div ng-app="app">
  <a href="/foo/{{ 'bar&baz' | encodeURIComponent }}">ডেমো লিংক</a>
</div>

আউটপুট: `ডেমো লিংক`

ES6/TypeScript স্টাইল (AngularJS 1.5+ Component-বেইজড)

app.controller('MainCtrl', function($scope) {
  $scope.encode = window.encodeURIComponent;
});

// টেমপ্লেট
<a href="/foo/{{ encode('bar&baz') }}">লিংক</a>

নোট: Angular (v2+) এ পাইপ (`|`) নেই; কম্পোনেন্ট মেথড বা পাইপ (`@Pipe`) ব্যবহার করুন।

  1. HTML-এ লিংক থেকে আন্ডারলাইন (Underline) সরানো

  2. HTML ফর্মে ডেটা গ্রুপ করার পদ্ধতি

  3. HTML পেজ থেকে রিডাইরেক্ট করার পদ্ধতি

  4. আইমেসেজ থেকে অ্যাপ আইকন সহজে সরান: ধাপে ধাপে গাইড