Perform regex on an Angular expression

Question

I have an angular expression in my html which returns some data:

      <span ng-SOMTHING="stripFirstLetters">
            {{thing.data}}
      </span>

At the minute, the data being returned has 5 letters at the beginning which I want to remove. Can I accomplish this with ng-pattern?

So in my controller, somthing like this:

      $scope.stripFirstLeters = /^\d{5}/;

I just want to know if what I'm trying to do is possible... Thanks!

ng-pattern is for input elements.

Mike Cheel
– Mike Cheel

2014-03-12 14:45:11 +00:00
Commented Mar 12, 2014 at 14:45 — Mike Cheel
– Mike Cheel, Commented Mar 12, 2014 at 14:45
the regex would be /^\d{5}/.

Suman Bogati
– Suman Bogati

2014-03-12 14:45:24 +00:00
Commented Mar 12, 2014 at 14:45 — Suman Bogati
– Suman Bogati, Commented Mar 12, 2014 at 14:45

Nikos Paraskevopoulos · Accepted Answer · 2014-03-12 14:47:28Z

3

No.

ng-pattern isn't a directive. Rather it is an argument of the input directive (ref). Using it standalone would have no effect.

You can always accomplish the same result using a filter, with sample usage:

<span>{{ thing.data | strip5 }}</span>

The filter implementation itself would be trivial:

app.filter("strip5", function() {
    return function(x) {
        if( typeof(x) !== "string" || x.length < 5 ) return "";
        return x.substring(5);
    };
});

answered Mar 12, 2014 at 14:47

Nikos Paraskevopoulos

40.4k13 gold badges91 silver badges99 bronze badges

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

3 Comments

Daft Over a year ago

Trivial for you perhaps :) But thanks all the same, works a treat!

Daft Over a year ago

If I wanted to strip away all characters up to and including the first space, how would that filter operate?

Nikos Paraskevopoulos Over a year ago

Just replace the content of the filter function with code that does what you want, e.g. var index = x.indexOf(" ");return x.substring(x+1); with some error checking.

Collectives™ on Stack Overflow

Perform regex on an Angular expression

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related