title: Bootstrap popover with angular 2 App
body: <p>In the angular 2 app, I'm displaying a popover when a button clicked using jQuery. But typescript throwing an error </p>
  
  <pre><code> Object doesn't support property or method 'popover'
  </code></pre>
  
  <p>My component </p>
  
  <pre><code>/// &lt;reference path="../shared/bootstrap.ts" /&gt;
  
  
   import { Component, OnInit } from '@angular/core';
   import * as $ from 'jquery';
  
  
    @Component({
      selector: 'my-calender',
      templateUrl: `
         &lt;a class="btn btn-success btn-sm" (click)="openPopover()"&gt;Disply Popup&lt;/a&gt;
       `
    })
  
  export class CalenderComponent implements OnInit {  
  
      openPopover(): void {
  
         var that: any = this;
  
          $(that).popover({
          title: 'My Popover'
  
         });
       }  
  </code></pre>
  
  <p>Typescript compilation is fine. But when I run the app and click that button to shows the popup, it throwing the above error.</p>
  
  <p>But Other boostrap default functionalities are working as expected (nav bar, dropdown). </p>