.replace in AngularJs 2

Question

In AngularJS I could do:

<img ng-src="https://someimageurl/{{ foo.replace('bar','') }}" />

How can I achieve the same result in DOM with AngularJS 2?

sebaferreras · Accepted Answer · 2017-09-05 20:02:54Z

2

This

<img ng-src="https://someimageurl/{{ foo.replace('bar','') }} />

is not an angular replace method, is just the javascript replace method being called inside angular interpolation.

In angular2, you can do the same by doing:

<img [src]="'https://someimageurl/' + foo.replace('bar','')"/>

You can find more information about Template Syntax in Angular 2 docs.

edited Sep 5, 2017 at 20:02

answered Aug 1, 2016 at 14:27

sebaferreras

44.7k11 gold badges120 silver badges137 bronze badges

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

Comments

Suren Srapyan · Accepted Answer · 2016-08-01 14:04:51Z

1

Like this:

<img [src]="'https://someimageurl/' + foo.replace('bar','')" />

answered Aug 1, 2016 at 14:04

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

2 Comments

enjoi Over a year ago

Works quite nicely, thanks. Doesn't feel very Angular though. Before I accept the answer, is there a "recommended" way to do angular's deprecated .replace?

Suren Srapyan Over a year ago

@JavaNoob No, there is no .replace method in angular. You need to do like JavaScript replace in the markup or in the Angular 2 Component.

Collectives™ on Stack Overflow

.replace in AngularJs 2

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related