How to hide image if undefined with angular 6?

Question

I'm setting a code to show image only if data there..i need to hide if value is undefined..help Here...

<div class="column" *ngIf="idvisaurl">
<img width="100" height="100" [src] ="idvisaurl"> 
<div><h5 style="font:bold">Visa Photo</h5></div>

i'm not getting result.? What does that mean? Post all the relevant code, tell precisely what you expect to happen and what happens instead. A complete minimal example posted as a stackblitz would help, too. — JB Nizet
– JB Nizet, Commented Jun 22, 2019 at 7:02
Are you sure the value of idvisaurl is undefined?? is not empty string or null or anything else?? add {{ idvisaurl }} in html to test it — moha noorani
– moha noorani, Commented Jun 22, 2019 at 7:03
if it was an empty string or null, it would still be falsy and the div wouldn't show. — JB Nizet
– JB Nizet, Commented Jun 22, 2019 at 7:04

Prashant Pimpale · Accepted Answer · 2019-06-22 07:37:47Z

1

Shared a reference code .... with dummy content

HTML:

<div  *ngIf="show != undefined">
   "CONTEMNTTT"
</div>

<div  *ngIf="notShow != undefined" >
   "CONTEMNTTT"
</div>

TS:

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

  show = "show";
  notShow
}

Stackblitz_Demo

edited Jun 22, 2019 at 7:37

Prashant Pimpale

10.7k10 gold badges52 silver badges88 bronze badges

answered Jun 22, 2019 at 7:23

Manrah

5663 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

How to hide image if undefined with angular 6?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related