Modal not open

[alissonmelonascimento]

When I click the button the modal does not open.

<section class="content-header"></section>

<section class="content">

  <!-- Button trigger modal -->
  <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#modal-warning">
    Launch Warning Modal
  </button>

  <div class="modal fade" id="modal-warning">
    <div class="modal-dialog">
      <div class="modal-content bg-warning">
        <div class="modal-header">
          <h4 class="modal-title">Warning Modal</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span></button>
        </div>
        <div class="modal-body">
          <p>One fine body&hellip;</p>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-outline-dark" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-outline-dark">Save changes</button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->    

</section>

[erdkse]

Because it was jquery modal and not implemented in Angular version. You can use a third party Angular modal library to achieve this problem.