Установка свойства href динамически на основе частичной страницы

0

У меня есть страница 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-адрес страницы выглядит примерно так:

HTTP://локальный: 77777/index.html #/стр.1

Поэтому мне нужно будет захватить страницу, на которой она href и назначить ее свойства href динамически. Как я мог это сделать?

  • 0
    Извините, просто пытаюсь понять проблему. Вы уже заметили это. Не могли бы вы просто сделать этот тег привязки кнопкой и не использовать хеш? Кроме того, вы можете передать window.location.path в свой обработчик события click и указать его местоположение, куда вы хотите, чтобы пользователь пошел.
  • 0
    Есть ли способ установить href для window.location в угловых?
Теги:
modal-dialog
materialize

1 ответ

1
Лучший ответ

Почему вы не используете кнопку и 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
}

Надеюсь, поможет

  • 0
    Работал! Спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню