title: Angular 8 and Bootstrap 4 Tooltips
body: <p>I'm triying to impletement tooltips from bootstrap 4 in my webapp, according to bootstrap documentation i should initialize the tooltips with this code</p>
  <blockquote>
  <p><code>$(function () { $('[data-toggle=&quot;tooltip&quot;]').tooltip() })</code> (Done in <code>app.component.ts</code>)</p>
  </blockquote>
  <p>Also in <code>angular.json</code> should put <code>popper.min.js</code> before <code>bootstrap.min.js</code>(Done)</p>
  <p>Obviously i already had installed npm bootstrap and jquery, and reading in another post they do two imports in <code>app.component.ts</code></p>
  <blockquote>
  <p><code>import 'bootstrap' and import * as $ from 'jquery'</code>;</p>
  </blockquote>
  <p>And they also add <code>AfterViewChecked</code> in the implements of AppComponent class precisely for the initialization like</p>
  <p><code>ngAfterViewChecked(){ $('[data-toggle=&quot;tooltip&quot;]').tooltip();}</code></p>
  <p>When i do all of this the tooltips actually works, but, the <code>import 'bootstrap'</code> generate some problem with the rest of bootstrap.js because my li tag dropdown stop working. Can somebody help me? Thx!</p>