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

12 June

Detect keypress in Python

Table of ContentsUsing the keyboard module to detect keypress in PythonUsing the pynput module to detect keypress in PythonUsing the msvcrt module to detect keypress in Python Python allows us to work with user input in its programs. We can also work with hardware devices in Python. In this article, we will discuss how to […]

Python File

12 June

Write a list to a file in python

Table of ContentsUsing the write() function to write a list to a file in PythonUsing the writelines() function to write a list to a file in PythonUsing the pickle.dump() function to write a list to a file in PythonUsing the json.dump() function to write a list to a file in PythonUsing the unpack operator * […]

Python

12 June

7 ways to copy a dictionary in python

Table of ContentsUsing the copy() function to copy a dictionary in PythonUsing the deepcopy() function to copy a dictionary in PythonUsing the dict() function to copy a dictionary in PythonUsing the unpack operator ** to copy a dictionary in PythonUsing the update() function to copy a dictionary in PythonUsing the dictionary comprehension method to copy […]

Python

11 June

Escape quotes in Python

Table of ContentsUsing \ to escape quotes in PythonUsing \ with replace() to escape quotes in PythonUsing json.dumps to escape quotes in PythonUsing triple single or double quotes to escape quotes in pythonUse r to include \ and quotes in String 💡 Outline You can use \ to escape quotes in Python. If you want […]

C++ vector

11 June

Merge two Vectors in C++

Table of ContentsUsing merge() to merge two vectors in C++Using set_union() to merge two vectors in C++Using insert() to combine two vectors in C++Using move() & back_inserter to merge two vectors in C++Using copy() and back_inserter to concatenate two vectors in C++Using make_move_iterator() and insert() to merge two vectors in C++Conclusion vectors are like dynamic […]

C++

11 June

C++ random number between 0 and 1

Table of ContentsUsing the rand() function to generate random number between 0 and 1 in C++Using the std::uniform_real_distribution() function to generate random number between 0 and 1 in C++ Random numbers are frequently used in programming for test case generation, cryptography, and other related purposes. In this tutorial, we will generate random number between 0 […]

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