title: Reload div in angular2
body: <p>Im calling an api in my html component. But I need to refresh it each time to be able to see the data.</p>
  
  <p>html component:</p>
  
  <pre><code>&lt;div&gt;
  &lt;div *ngIf="reloadiv" class='tableauPlaceholder' style='width: 1353px; height: 595px;'&gt;
  &lt;object class='tableauViz' width='1353' height='595' style='display:none;'&gt;
  &lt;param name='host_url' value='https%3A%2F%2Fmbi-tab.abc.com%2F' /&gt;
  &lt;param name='site_root' value='&amp;#47;t&amp;#47;IT' /&gt;
  &lt;param name='name' value='TPO&amp;#47;ModelOutputMMX' /&gt;&lt;param name='tabs' value='no' /&gt;
  &lt;param name='toolbar' value='yes' /&gt;&lt;param name='showShareOptions' value='true' /&gt;
  &lt;/object&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>component.ts:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  
  @Component({
  selector: 'model1',
  styleUrls: ['./model1.scss'],
  templateUrl: './model1.html'
  })
  
  
  export class model1 implements OnInit {
  private reloadiv: boolean = false;
  ngOnInit() {
  console.log("Init invoked");
  this.reloadiv = true;
  }
  
  }
  </code></pre>
  
  <p>How do I reload div without refreshing the entire page?</p>