Bootstrap modal не загружается из AngularJS js

#javascript #angularjs #twitter-bootstrap

#javascript #angularjs #twitter-bootstrap

Вопрос:

Я пытаюсь показать модальный диалог начальной загрузки, используя $('#myModal').modal('show') , но, похоже, он не работает. Я проверил, что загрузочный js загружается до js приложения angular. Но модальный диалог появляется, когда я пишу $('#myModal').modal('show') в консоли браузера.

Комментарии:

1. Всегда старайтесь размещать HTML-код модала в позиции верхнего уровня в вашем документе, чтобы избежать других компонентов, влияющих на внешний вид и / или функциональность модала.

2. можете ли вы опубликовать код с контроллера, на который вы ссылаетесь

3. @LVarayut Спасибо, что сработало. Я разместил свой модальный html на высоком уровне, и модальный активируется из скрипта AngularJS

4. @algometrix Рад, что помог 🙂

Ответ №1:

В дополнение к размещению HTML-кода модала на верхнем уровне (согласно предложению LVarayut), вы также можете захотеть взглянуть на UI Bootstrap, набор компонентов начальной загрузки, написанных AngularJS командой.

UI Bootstrap включает в себя службу called $modal , которая предоставит вам более чистый способ взаимодействия с модальностями, особенно если вы решите создать отдельный контроллер в более поздний момент времени.