title: Show/Hide ngx-boostrap alert
body: <p>I'd like to show the ngx-bootstrap alert multiple times with the <code>[dismissOnTimeout]</code> attribute; however, after it's dismissed the first time I can't figure out how to show it again.</p>
  
  <p>My Angular html template:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;button type="button" class="btn btn-primary" (click)="openModal(template)"&gt;Create template modal&lt;/button&gt;
  
  &lt;div *ngIf="showMessage"&gt;
      &lt;alert type="success" [dismissOnTimeout]="dismissValue"&gt;
          &lt;strong&gt;Well done!&lt;/strong&gt; You successfully upload (disappearing in 3,2,1..).
      &lt;/alert&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>and in my compoent's method:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>openModal(template: TemplateRef&lt;any&gt;) {
      this.showMessage = true;
      this.modalRef = this.modalService.show(template);
    }</code></pre>
  </div>
  </div>
  </p>
  
  <p>So once I call <code>openModal()</code>, the <code>alert&lt;&gt;</code> opens and gets dismissed the first time.
  I'm trying to figure out how to reset the alert, so I can display that alert again - i.e.simulating a toaster type of component.</p>
  
  <p>Thank you.</p>