2017-01-29 4 views
3

Wie für <img>src in Angular 2.Conditional Bild Src Bindung in Winkel 2

Unten ist der Code der ternany Zustand zu schreiben habe ich versucht, aber das funktioniert nicht

<img class="lib-img" [src]="item.pictureUrl!= null ? item.pictureUrl : ~/images/logo.png" height="500" width="500" alt="default image"> 

Antwort

8
[src]="item.pictureUrl!= null ? item.pictureUrl : myImgUrl" 

. ts

export class App{ 
    myImgUrl:stirng='~/images/logo.png'; 
} 
+0

Ich kann die Lage des Bildes sehen, aber das Bild ist nicht loaded.In src gibt es eine Bildstelle. –

+0

nicht bekommen, was Sie sagen. – micronyks

+0

In html die src = '~/images/logo.png'. Aber das Bild ist nicht laden –

0
[src]="item.pictureUrl ? item.pictureUrl : 'assets/img/logo.png'" 

Vielleicht besserer Weg ist Ihre Bilder in Vermögenswerte Ordnern zu halten: assets/img/logo.png