Angular Filter string replace

Question

I created a filter in angular 1 and have some questions:

I have an string like this:

**StackExchange** is a website...

and the desired outcome would be:

<span class="title">StackExchange</span> is a website...

my filter looks like this:

.filter('makeSpan', function() {
  return function(input, all) {
    return (!!input) ? input.replace(/[*]{2}/, '<span class="title">')  : '';
  }
});

When Applying this filter I get StackExchange** is a website... My question is how can I do so I can target the other 2 **. Thanks.

Using html elements looks more like that you need a directive to me — devqon
– devqon, Commented Oct 27, 2016 at 14:03

Wiktor Stribiżew · Accepted Answer · 2016-10-27 14:41:50Z

1

If you HTML input is tag-free, you may "target" both the ** pairs with:

return (!!input) ? input.replace(/\*{2}([^]*?)\*{2}/g, '<span class="title">$1</span>') : '';

See the regex demo

\*{2} - **
([^]*?) - Group 1 (referred to with $1) capturing any 0+ chars, as few as possible up to the first...
\*{2} - **

answered Oct 27, 2016 at 14:41

Wiktor Stribiżew

631k41 gold badges502 silver badges632 bronze badges

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

Comments

Michel Arteta · Accepted Answer · 2016-10-27 14:10:56Z

0

This actually seems to be working.

return (!!input) ? input.replace(/[*]{2}/, '<span class="title">').replace(/[*]{2}/, '</span>')  : '';

answered Oct 27, 2016 at 14:10

Michel Arteta

1,3742 gold badges13 silver badges25 bronze badges

1 Comment

Wiktor Stribiżew Over a year ago

It seems you need return (!!input) ? input.replace(/\*{2}([^]*?)\*{2}/g, '<span class="title">$1</span>') : '';

Collectives™ on Stack Overflow

Angular Filter string replace

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related