AngularJS Filters

Filter pada AngularJS digunakan untuk memanipulasi tampilan data sebelum ditampilkan kepada pengguna. Filter memungkinkan Anda untuk melakukan format, mengurutkan, atau membatasi data yang ditampilkan dalam aplikasi AngularJS.

Beberapa filter umum dalam AngularJS termasuk:

1. Filter Teks ({{ expression | filterName: parameter }}): Menggunakan filter seperti uppercase, lowercase, currency, date, dll., untuk memanipulasi tampilan teks atau nilai numerik.

   Contoh:

   htmlCopy code

   {{ myText | uppercase }} {{ price | currency }}

2. Filter Array (ng-repeat="item in items | filter: search"): Menggunakan filter filter untuk memfilter item dalam sebuah array berdasarkan kriteria tertentu.

   Contoh:

   htmlCopy code

   <div ng-repeat="item in items | filter: searchText"> {{ item.name }} </div>

3. Filter Kustom: Anda juga dapat membuat filter kustom sendiri untuk memanipulasi data sesuai kebutuhan aplikasi Anda. Filter kustom ini dapat didefinisikan sebagai fungsi dalam module AngularJS Anda.

   Contoh:

   javascriptCopy code

   angular.module('myApp', []).filter('customFilter', function() { return function(input) { // Lakukan manipulasi data di sini return modifiedInput; }; });

   Di HTML:

   htmlCopy code

   {{ data | customFilter }}

Filter dalam AngularJS memungkinkan Anda untuk memproses data sebelum ditampilkan, memungkinkan penyesuaian yang luas terhadap tampilan aplikasi Anda.