title: bootstrap 3.3.7 tooltip is not showing properly in angular 4 app
body: <p>I am working on an Angular 4.2 project and implementing bootstrap 3.3.7 tooltip but my tooltip shows as plain text and not like "bootstrap" tooltip. I have installed Jquery and bootstrap ( it does have tooltip.js as well). I am importing bootstrap css and js file in the angular-cli.json as well. But somehow the tooltip is not showing properly.<br>
    I tried executing below line of code,<br>
      <code>$('[data-toggle="tooltip"]').tooltip();</code></p>
  
  <p>and it worked as expected.<br>
  Following is my <strong>angular-cli.json</strong> file </p>
  
  <pre><code>` "styles": [
      "../node_modules/bootstrap/dist/css/bootstrap.css",
      "../node_modules/toastr/build/toastr.min.css",
      "styles.css"
    ],
    "scripts": [
      "../node_modules/jquery/dist/jquery.min.js",
      "../node_modules/toastr/build/toastr.min.js",
      "../node_modules/bootstrap/dist/js/bootstrap.min.js"
    ],`
  </code></pre>
  
  <p>My question is:  Why Angular is ignoring bootstrap <strong>tooltip.js</strong> file. Although when I check the <strong>vendor.bundle.js</strong> file, I do see the <strong>tooltip.js</strong> file been downloaded. Why I need to call the tooltip() function explicitly to get the bootstrap tooltip??</p>