create an angular regex filter

Question

I am trying to create an Angular filter to provide regex functionality. I am consuming the flickr API - see example here and one key value of the json object returned is

{......
   "author": "[email protected] (John Doe)"
....}

Currently, this is my filter regex function:

app.filter('regex', function() {
    return function(input, regex) {
        return input.match(regex);  
    }
})

and in my html I have this

<p>{{user.author | regex:'(/\((.*?))\)/g)'}}</p>

and the filter is injected into the controller, which looks like this

app.controller('testCtrl', function ($http, regexFilter) {
      //do controller stuff!
}

I am looking to isolate just the user's name and drop the [email protected] so that John Doe is returned

Any guidance on how to implement this would be greatly appreciated.

Thanks!

user1846747 · Accepted Answer · 2016-03-09 21:16:46Z

6

You could try adding a filter like this

var myApp = angular.module('myApp', []);
myApp.filter('regex', function() {
   return function(val){
     var RegExp = /\(([^)]+)\)/;
     var match = RegExp.exec(val);
     return match[1];
   };
});
myApp.controller('ctrl', function($scope){
    $scope.user = {'author': "[email protected] (John Doe)"};
});

Working JSFiddle here http://jsfiddle.net/WfuAh/147/

answered Mar 9, 2016 at 21:16

user1846747

Sign up to request clarification or add additional context in comments.

1 Comment

Paul Fitzgerald Over a year ago

BOOM! That worked, thank you! You can use it in the html also like this <p>{{user.author | regex}}</p>

Collectives™ on Stack Overflow

create an angular regex filter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related