2

Я использую самозагрузки модальность (Link) в моем проекте, но это не похоже на работу в нг-включаютBootstrap Модальные не работает в нг-включают

https://plnkr.co/edit/W3utfj7URejXpeJX524e?p=preview

<div id="myModal" class="modal fade" role="dialog"> 
<div class="modal-dialog"> 
<div data-ng-include="partial.html"></div> 
</div> 
</div> 

Я пытался отладки CSS и закончилась в этом issue

Кажется, некоторые классы не triggeriing при использовании нг-включают кто-нибудь сталкивался с аналогичной проблемой ..

+0

отредактировал мой Question.Please найти обновленную один здесь – forgottofly

ответ

1

Проблема заключается в том

data-ng-include="partial.html" 

должно быть

data-ng-include="'partial.html'" 

Примечания: Ваш plunker dosen't работа, так как ссылка на angularjs не HTTPS

Вот рабочий plunker

1

У вас есть два пути, чтобы закрыть его

  1. HTML способ: использование (data-backdrop="false") в кнопке.
  2. через скрипт

    $ ('# myModal') модальный ({ фон: ложные }).

для получения дополнительной ссылке вы можете click here

+0

I хотите закрыть модальный щелчок снаружи в любом месте страницы. Он не закрывается, если я нажимаю левую или правую сторону. – forgottofly

+0

вы можете поделиться им в 'fiddle' или' codepen' –

+0

Извините @Super User Невозможно воспроизвести проблему в 'fiddle', поскольку в моем проекте есть много зависимостей – forgottofly

Смежные вопросы