fix(tooltip): remove tooltips when element destroyed with event='hove…

…r' (#33)

src/tooltip.directive.ts

@@ -1,13 +1,6 @@
 import {
-  AfterViewInit,
-  ApplicationRef,
-  ComponentFactoryResolver,
-  ComponentRef,
-  Directive,
-  ElementRef,
-  HostListener,
-  Input,
-  ViewContainerRef
+  Directive, ElementRef, Input, ApplicationRef, ComponentFactoryResolver,
+  ViewContainerRef, ComponentRef, HostListener, OnDestroy
 } from '@angular/core';
 import { Platform } from 'ionic-angular';
 
@@ -16,7 +9,8 @@ import { TooltipBox } from './tooltip-box.component';
 @Directive({
   selector: '[tooltip]'
 })
-export class Tooltip {
+export class Tooltip implements OnDestroy {
+
 
   @Input() tooltip: string;
 
@@ -67,6 +61,19 @@ export class Tooltip {
     private _componentFactoryResolver: ComponentFactoryResolver
   ) {}
 
+  /**
+   * Show the tooltip immediately after initiating view if set to
+   */
+  ngAfterViewInit() {
+    if (this._active) {
+      this.trigger();
+    }
+  }
+
+  ngOnDestroy() {
+    if (this.tooltipElement && typeof this.tooltipElement.destroy === 'function') this.tooltipElement.destroy();
+  }
+
   /**
    * Set the canShow property
    * Ensure that tooltip is shown only if the tooltip string is not falsey