AngularJS Custom Filter

AngularJS provides a way to create custom filters that can be used to format data in different ways. A custom filter is defined using the filter() method of the AngularJS module.

Here's an example of a custom filter that formats a date:

angular.module('myApp', [])
  .filter('myDate', function() {
    return function(input) {
      var date = new Date(input);
      var month = date.getMonth() + 1;
      var day = date.getDate();
      var year = date.getFullYear();
      return month + '/' + day + '/' + year;
    };
  });

In the example above, the custom filter is called myDate. It takes an input argument, which is the date that needs to be formatted. The return statement formats the date in the format of "MM/DD/YYYY".

To use this custom filter in an AngularJS application, you would simply add the myDate filter to an expression in your HTML template. For example:

<p>{{myDate('2023-02-28')}}</p>

The output of this expression would be "2/28/2023", as the myDate filter formats the input date in this way.

Custom filters can be used in a variety of ways to format data in different ways. The filter() method can be used to define filters that format numbers, currencies, and other types of data.