2017-05-12 6 views
4

Ich habe eine Komponente whos Vorlage wie folgt aussieht:Bezug auf die Element Winkel 4

..blabla 
<img md-card-image src=".."> 
..blabla 

Wie erhalte ich einen Verweis in meinem component.ts so, dass ich es src mit Winkel 4 ändern könnte?

+3

Sie dies nicht tun. Stattdessen verwenden Sie [src] = "someDynamicExpression". Wenn sich der dynamische Ausdruck ändert, ändert sich der src automatisch. Dies wird "Bindung" genannt und ist der Kern von eckig. –

+0

Sie können eine Referenz mit einer [Vorlagen-Referenzvariable] (https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ref-vars) erhalten, aber wie @JBNizet sagte, ist es das besser, die Bindung für diese Aufgabe zu verwenden –

Antwort

16

in HTML:

<img #img md-card-image src=".."> 

in TS:

@ViewChild('img') img: ElementRef;