title: Typescript Error - Object doesn't support property or method tooltip
body: <p>I am new to Angular 2 framework. I am trying to add a tooltip to a button, but it doesn't seems to work. I am using Angular 2 with typescript framework with Bootstrap. </p>
  
  <p>This is the button I want to add Tooltip:</p>
  
  <pre><code>&lt;button class="btn btn-default" id="myButton" [title]=myTip data-toggle="tooltip"&gt;My Button&lt;/button&gt;
  </code></pre>
  
  <p>myTip is defined in .ts file contructor:</p>
  
  <pre><code>this.myTip: string;
  this.myTip = "This is a tip";
  </code></pre>
  
  <p>Also in .ts file, I am using the following way to initialize tooltip, visual studio compiler didn't throw error.</p>
  
  <pre><code>import { Component, AfterViewInit } from '@angular/core';
  import * as $ from 'jquery';
  export class Utterance implements AfterViewInit{
     ngAfterViewInit() {
         $('myButton').tooltip();
     }
  }
  </code></pre>
  
  <p>However, after loading the page. Browser is giving me the error: </p>
  
  <pre><code>TypeError: Object doesn't support property or method 'tooltip'
  </code></pre>
  
  <p>Could you please help take a look why this is having error and how should I fix it, thanks!</p>