AngularJS custom filter example

Table of Contents

AngularJS tutorial:
- Example:
- Output:

In previous post, we have seen about angularJS inbuilt filter. In this post, we are going to how to create your own filters.

AngularJS tutorial:

Filters are used to format data in desired way.
For creating a filter , you need to attach it with the module.

angular.module('myApp')

.filter('customFilter', function () {

return function (input) {

if (input) {

return input;

}

};

});

Lets take example where we will convert string to upper case and replace “_” by space(” “).

Example:

Copy below text , open notepad , paste it and save it as angularJSCustomFilterExample.html and open it in the browser.

<!DOCTYPE html>

<html>

<head>

<title>Angular js</title>

var app = angular.module('myApp', []);

app.controller('java2blogContoller', function($scope) {

$scope.java2blogMsg = "Hello_from_Java2blog";

}).filter('java2blogFilter',function(){

return function( str ) {

return str.toUpperCase().replace(/_/g,' ');

}

});

</script>

</head>

<body>

</br>

{{java2blogMsg|java2blogFilter}} !!!

</div>

</body>

</html>

Output:

HELLO FROM JAVA2BLOG !!!

Author

Python

03 May

Make requirements.txt in python

Table of ContentsWhat is the requirements.txt file in Python?Ways to make requirements.txt file in PythonUsing the pip to make requirements.txt in PythonUsing the conda command to make requirements.txt file in PythonUsing the pipreqs package to make requirements.txt file in PythonConclusion What is the requirements.txt file in Python? Every package is also updated regularly and features […]

Python Python Array

03 May

Create an Array of 1 to 10 in Python

Table of ContentsIntroductionHow to create an array of 1 to 10 in Python?Using the range() function to create an array of 1 to 10 in Python.Using list comprehension along with the range() function to create an array of 1 to 10 in Python.Using a user-defined function to create an array of 1 to 10 in […]

Python Python String

03 May

Remove Urls from Text in Python

Table of ContentsIntroductionWays to remove URLs from Text in PythonUsing the re.sub() function to remove URLs from Text in PythonUsing the re.findall() function to remove URLs from Text in PythonUsing the re.search() function to remove URLs from Text in PythonUsing the urllib.urlparse class to remove URLs from Text in PythonConclusion In this post, we will […]

Python Python List

03 May

Create a List from 1 to 100 in Python

Table of ContentsWays to create a list from 1 to 100 in PythonUsing the range() function to create a list from 1 to 100 in PythonUsing the numpy.arange() function to create a list from 1 to 100 in PythonUsing the for loop with range() to create a list from 1 to 100 in PythonConclusion In […]

How to initialize an array in Constructor in C++

C++

23 April

How to initialize an Array in Constructor in C++

Table of ContentsArraysConstructors of a ClassWays to initialize an array in Constructor in C++Initialize an array in Constructor With std::fill()Initialize an array in Constructor Using for LoopInitialize an array in Constructor Using Member Initializer ListConclusion This article discusses methods of initializing an array in constructor in C++. Let us first discuss arrays and constructors in […]

Core java Java Array

23 April

Set an Array Equal to Another Array in Java

Table of ContentsSetting an Array Variable Equal to Another Array VariableSet an Array Equal to Another Array in Java Using the clone() MethodSet an Array Equal to Another Array in Java Using the arraycopy() MethodSet an Array Equal to Another Array in Java Using the copyOf() MethodSet an Array Equal to Another Array in Java […]

Comments

Anonymous says:

April 9, 2016 at 2:18 am

Very nice post… Thanks..

can you please tell me more about ——-> replace(/_/g,' ');
and whats g in it. or can refer some links to know about it.

thanks in advance

Reply

AngularJS custom filter example