Фундамент: невозможно работать над модальным событием (Input, Button), если страница не просто перезагружена - PullRequest
Новая
       15

Фундамент: невозможно работать над модальным событием (Input, Button), если страница не просто перезагружена

1 голос
/ 05 марта 2020

Я работаю над проектом angular с версией 9. Я использую Фонд здесь.

Я добавил модальный фундамент на свой веб-сайт. Он работает нормально только после перезагрузки страницы, когда я покидаю текущую страницу и go возвращаюсь на ту же страницу. Функциональность ввода и кнопки внутри модального не работает. так происходит после навигации или возврата на другую страницу, а затем снова на страницу, события модала не могут быть обновлены или я не могу вызвать какую-либо функцию для какого-либо события.

. html

<div data-open="myModal">Remove</div>
<div id="myModal" class="reveal" data-reveal aria-hidden="true">
    <H4>Are you sure you want to remove it?</H4>
    <button class="close-reveal-modal button" data-close aria-label="Close modal" 
    (click)="modalFunction()">Confirm</button>

    <button class="close-button closeModal" data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>

.ts 

modalFunction() {
    console.log('button inside modal is working');
}

В этом коде выше, в выводе, я получаю результат в консоли, только когда страница обновляется или она открывается в первый раз после перезагрузки сайта. Как только я go вернусь / перейду на другую страницу, а затем go вернусь на ту же страницу, результат не отобразится в консоли. Пожалуйста, проверьте это. Если у кого-то есть решение или предложение для этого. Пожалуйста, дайте мне знать. Спасибо.

...