Как закрыть модал после подачи в угловой? - PullRequest
Новая
       20

Как закрыть модал после подачи в угловой?

0 голосов
/ 30 сентября 2018

У меня есть эта модальная форма для отправки.После поиска в stackoverflow нашел код в jQuery, чтобы закрыть его, но он не работает для меня!Этот код jquery находится в index.html 

$(document).ready(function(){
    $(".modal :button").click(function(){
        $('.modal').modal('hide');
    });
  });

Это похоже на то, что он не привязан к тем .modal и кнопке отправки вообще.Также пытался привязать событие клика по идентификатору кнопки, но снова не работает

1 Ответ

0 голосов
/ 30 сентября 2018

Если вы используете начальную загрузку, как показывает код, - просто добавьте атрибут data-dismiss = "modal" к кнопкам в модале, и он закроет модал при нажатии.

например: 

<button type="button" class="btn btn-default pull-right"  data-dismiss="modal">Close</button>


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src=" https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<button type="button" data-toggle="modal" data-target="#demo-modal" class="btn btn-default">Click to show modal</button>


<div id="demo-modal" class="modal fade">
		  <div class="modal-dialog" role="document">
			<div class="modal-content">
			  <div class="modal-header">
				  <button type="button" class="close pull-right" data-dismiss="modal" aria-label="Close">
				  <span aria-hidden="true">&times;</span>
					</button>
          <h4>Modal header</h4>
			  </div>
			  <div class="modal-body clearfix">
         <p>Modal body</p>
			  </div>
			  <div class="modal-footer">
				<button type="button" class="btn btn-default pull-right"  data-dismiss="modal">Close</button>
			  </div>
			</div>
		  </div>
		</div>
...