Когда я нажимаю на модал, тогда показываю дубликат URL - PullRequest
Новая
       29

Когда я нажимаю на модал, тогда показываю дубликат URL

0 голосов
/ 30 мая 2019

У меня есть модальный Bootstrap для вставки данных, когда я нажимаю на кнопку «Добавить». На консоли Chrome появляется сообщение об ошибке, похожее на изображение ниже, я решил проблему, разделив компонент кнопки «Добавить» и модальный компонент начальной загрузки, но когда я нажимаю кнопкуURL меняется enter image description here

кнопка открытия модальная: 

  <button class="btnAddPackage rainbow-text" data-toggle="modal" id="myBtn" 2 
  data-target="#exampleModal" 
  data-whatever="@mdo">
  <i class="fa fa-plus"></i> New Package</button>

Html модальная: 

   <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" 
   aria-labelledby="exampleModalLabel" 
    data-backdrop="false"  aria-hidden="true">
<div class="modal-dialog" role="document">
  <div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close"  
        aria-hidden="true">X</button>
        <p class="modal-title" id="exampleModalLabel">Add Package</p>
    </div>
    <div class="modal-body">
      <form (ngSubmit)="create()">
        <div class="form-group">
          <input type="text" class="form-control" id="recipient-name" [(ngModel)]="formTest.name" name="name" placeholder="Packag Name">
        </div>
        <div class="form-group">
            <input type="text" class="form-control" id="recipient-name" [(ngModel)]="formTest.price" name="price"  placeholder="Price">
        </div>
        <div class="form-group">
            <input type="text" class="form-control" id="recipient-name" [(ngModel)]="formTest.count" name="count" placeholder="Points">
          </div>
          <div class="form-group">
              <input type="text" class="form-control" id="recipient-name" [(ngModel)]="formTest.createAt" name="createAt" placeholder="Number Of Month">
          </div>
          <button  role="button" class="btnAddPackage2" onclick="hideModal()">Add</button>
     </form>
    </div>
  </div>
</div>

Скрипт: 

<script>
$(document).ready(function(){
$("#myBtn").click(function(){
$("#exampleModal").modal("show");
});
$('#close-modal').modal('hide');
});
</script>

Маршрутизация: 

   {
    path:'package',
    component: PackageComponent
   }
...