У меня есть страница index.html, на которой есть ссылка, которая отображает модальный диалог при нажатии.
<div id="modal1" class="modal">
<div class="modal-content">
<h4>Modal Header</h4>
<p>Modal sample text</p>
</div>
<div class="modal-footer">
<a href="#" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>
Также индексная страница отображает частичные страницы внутри ui-view
:
<div class="" ui-view>
</div>
Ссылка, которая открывает модальную, находится на индексной странице в, поэтому она видна на любой странице. Проблема, с которой я столкнулась, - это нажать кнопку " Close
, модальный диалог закрывается, а затем пользователь переходит на страницу входа. Это происходит потому, что href="#"
. Чтобы это сделать, страница должна быть чем-то вроде #/page1
. Поэтому он должен устанавливаться динамически, когда пользователь перемещается по сайту. Я не могу понять, как это сделать. Может ли кто-нибудь помочь?
URL-адрес страницы выглядит примерно так:
Поэтому мне нужно будет захватить страницу, на которой она href
и назначить ее свойства href
динамически. Как я мог это сделать?
Почему вы не используете кнопку и ng-click?
что-то вроде:
<div id="modal1" class="modal">
<div class="modal-content">
<h4>Modal Header</h4>
<p>Modal sample text</p>
</div>
<div class="modal-footer">
<button ng-click="closeModal()" class="modal-action modal-close waves-effect waves-green btn-flat">Close</button>
</div>
</div>
И на контроллере:
$scope.closeModal = function(){
//your code to close the modal window
}
Надеюсь, поможет
href
для window.location в угловых?