Conditionnel Image Src Liaison angulaire 2

Comment écrire le ternany condition pour <img> src Angulaire 2.

Ci-dessous le code que j'ai essayé mais cela ne fonctionne pas

<img class="lib-img" [src]="item.pictureUrl!= null ? item.pictureUrl : ~/images/logo.png" height="500" width="500" alt="default image">
InformationsquelleAutor San Jaisy | 2017-01-29
  1. 21
    [src]="item.pictureUrl!= null ? item.pictureUrl : myImgUrl"

    puis dans votre
    .ts

    export class App{
   myImgUrl:string='~/images/logo.png';
}
    • J'ai, peut voir l'emplacement de l'image, mais l'image n'est pas chargée.La src il y a un emplacement de l'image.
    • ne pas obtenir ce que vous dites.
    • En html, la src= '~/images/logo.png'. Mais l'image n'est pas la charge
    • plnkr.co/modifier/Dnj8eKDRwShmIb4HQUT4?p=preview cela fonctionne bien selon votre condition. juste un commentaire du premier, et décommenter la deuxième ligne, vous obtiendrez le résultat.
    InformationsquelleAutor micronyks
  2. 3
    [src]="item.pictureUrl ? item.pictureUrl : 'assets/img/logo.png'"

    Peut-être la meilleure façon est de garder vos images dans le dossier des actifs: actifs/img/logo.png

    InformationsquelleAutor Admir
  3. 0
    <img [src]="item.pictureUrl!= null ? 'link/to/image1.png' : 
'link/to/image2.png'">

    Cela fera l'affaire

    Pour plus d'informations de liaison de suivre ce lien

    https://angular.io/guide/template-syntax#html-attribute-vs-dom-property

    InformationsquelleAutor Shameer