Подтвердить что ты не робот

Angular Диалоговые директивы с Bootstrap 3

Мы пытаемся перейти от Bootstrap 2.3.2 к Bootstrap 3 (RC1) и возникают проблемы с директивой AngularJS Dialog. При нажатии соответствующей кнопки всплывающее окно диалога не появляется (страница отображается черным цветом. Щелчок в любом месте возвращается к исходному нечерному виду).

Мы по существу используем тот же код, что и в приведенной выше ссылке.

Существует известная проблема, обсуждаемая здесь . В этой дискуссии Лютер предлагает:

", чтобы модальная работала, добавьте скрытый класс для установки отображения: none to modal и reset модальный дисплей для блокировки

Это, к сожалению, не имеет никакого значения. Какие альтернативы мы могли бы использовать для получения диалогов в Bootstrap 3 RC1?

Я попытался использовать Модальную директиву. У него есть аналогичная проблема, когда страница исчезает (а не становится полностью черной), и всплывающее окно также не появляется.

4b9b3361

Ответ 1

Как указывали другие ответы, это связано с нарушением изменений в Bootstrap 3. Пока команда Angular UI не устранила эти проблемы (в настоящее время находится в стадии разработки, см. ветку bootstrap3_bis), существует обходное решение css только для диалоговых окон подробно описано в этом сообщении в блоге:

.modal { display: block; }

Рабочий plunkr доступен здесь:

http://plnkr.co/edit/nZT58YNKT84UlSwTvfpc?p=preview

Ответ 2

В ожидании запроса на растяжение, содержащем исправления для большинства проблем с Bootstrap 3.0 и директивами AngularUi, включая проблемы с диалоговыми окнами (которые, безусловно, были самыми расстраивающими для меня!):

https://github.com/angular-ui/bootstrap/pull/742

(см. Bootstrap 3, совместимый с текущими инструкциями по загрузке AngularJS?)

Ответ 3

Пример кода, который вы используете, работает с Twitter Bootstrap 2.3.2. Почему вы ожидаете, что он должен работать с версией 3 Twitter Bootstrap 3 тоже? Twitter Bootstrap 3 не обратно совместим с Twitter Bootstrap 2.x. Вам придется изменить/перенести свой HTML. Если вы используете Angular JS, вам придется перенести свои шаблоны. Большинство работ, похоже, готовы на данный момент, см.: https://github.com/angular-ui/bootstrap/pull/742. http://www.bootply.com/bootstrap-3-migration-guide даст вам представление об изменениях, которые вам нужно будет сделать.