Hide iframe in angular 6

Hi All,

Today i will show you how to hide the iframe in Angular 6 using *ngif.

photos.component.html :-

the below iframe is inside the into my photos.component.html.

<div id="map_canvas">
        <iframe width="100%" height="380" id="myIframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://test/jq-3d-flip-book/"></iframe>
      </div>

I have wrote the below *ngif condition in my photos.component.html.

<div *ngIf="selectedStudent.schoolId == 29; then ifcondition else elsecondition"></div>
<template #ifcondition>
    <iframe id="myIframe" onload="delayedLoad()"></iframe>
</template>
<template #elsecondition>
  <span> Else Condition Works!</span>
</template>


Thank you hope it is help you.

Thank you ,

Arjun Walmiki