Encountered a scenario in which there is a need to filter elements generated by the 'ng-repeat' directive. I have implemented a custom filter that replaces one character with another and vice versa for each element created.
However, when attempting to search for the newly swapped character, the filter does not recognize it - only searches for the original character.
How can I apply an input filter after applying my custom filter that swaps characters?
In the custom filter brNumber, dots are replaced by commas and vice-versa. So, searching for a dot will only yield results with commas.
< HTML >
<div
ng-app="myApp"
ng-init="
person=
[
{firstName:'Johnny',lastName:'Dowy'},
{firstName:'Homem,25',lastName:'Cueca,Suja'},
{firstName:'Alleria.Donna',lastName:'Windrunner'}
];"
>
First Name: <input type="text" ng-model="firstName">
<br />
The persons's objects have: | <span ng-repeat="i in person | orderBy: 'firstName' | filter:firstName">{{ ( i.firstName + ' ' + i.lastName ) | brNumber }} | </span>
{ Javascript.js }
app.filter( 'brNumber', function()
{
return function( text )
{
string = text.toString();
returnString = '';
for ( i = 0; i < string.length; i++ )
{
returnString += string[i] === ',' ? '.' :
(
string[i] === '.' ? ',' : string[i]
);
}
return returnString;
}
});