Zurb Foundation Reveal modal not working

Question

Я использую Zurb Foundation 5.5.3 в проекте Angular JS и пытаюсь выполнить модальность отображения. Я искал эту проблему для сообщества, но ни одно решение не было успешным, поскольку я не забываю data-reveal или я не хочу ссылаться JS via.

Это мой код:

<div class="small-1 columns"> 
    <a href="#" data-reveal-id="myModal">Click Me For A Modal</a> 
</div> 
<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> 
    <h2 id="modalTitle">Awesome. I have it.</h2> 
    <p class="lead">Your couch. It is mine.</p> 
    <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p> 
    <a class="close-reveal-modal" aria-label="Close">&#215;</a> 
</div> 

Это то же самое, как code example в документации Фонда. Когда я нажимаю ссылку, модальный не появляется, а страница перенаправляется на главную.

Любая идея?

Заранее благодарен!

Answer 1

Вы ссылаетесь на подобный вопрос здесь: Foundation and AngularJS

Есть конфликты в цикле JavaScript дайджеста при использовании фонда 5 и AngularJS, поэтому они не будут работать вместе по умолчанию.

Я использовал два различных решения успешно:

• Foundation for Apps
• Angular Foundation

Я предпочитаю использовать последний.