title: Not working modal pop up button in angular 6
body: <pre><code>&lt;div class="modal fade" id="getUserDetails" tabindex="-1" role="dialog" aria-labelledby="getUserDetails"&gt;
    &lt;div class="modal-dialog container2" role="document"&gt;
      test
    &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;button (click)="getUserDetails(participant.userId)" type="button" class="btn " data-toggle="modal" data-target="#getUserDetails"&gt;
    Detail
  &lt;/button&gt;
  </code></pre>
  
  <p>My angular version 6</p>
  
  <p>bootstrap version 4</p>
  
  <p><strong>button (click)="getUserDetails(participant.userId)"</strong> is normally working.
  But data-target (bound modal fade) is not visible.</p>
  
  <p>I tried to set up JQuery and import JQuery to angular.json.
  still it's not works
  please help me</p>