2016-08-01 6 views
1

In AngularJS konnte ich tun;.replace in AngularJs 2

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

Wie kann ich das gleiche Ergebnis in DOM mit AngularJS 2 erreichen?

Antwort

2

Diese

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

ist keine Winkel ersetzen Methode, ist nur die JavaScript ersetzen Methode innerhalb Winkelinterpolationsverfahren bezeichnet wird.

In angular2, können Sie das gleiche tun, indem Sie:

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

Sie können weitere Informationen über Template Syntax in Angular 2 docs finden.

1

So:

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

Funktioniert ganz nett, danke. Fühlt sich nicht sehr _Angular_ obwohl. Bevor ich die Antwort akzeptiere, gibt es einen "empfohlenen" Weg, um angular's veraltetes .replace zu tun? – enjoi

+0

@JavaNoob Nein, es gibt keine replace-Methode in angular. Sie müssen JavaScript wie in der Markup oder in der Angular 2 Component ersetzen. –