2015-08-18 2 views
1

Я пытаюсь создать модальный с использованием библиотеки Угловой ремешки:AngularStrap modal пуст?

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

Когда я запускаю его, я получаю пустую модальность, и $promise.then это называет, прежде чем я закрыть модальный.

Что я делаю неправильно?

+0

Правильно ли путь '' some.tpl.html''? Modal не загружает этот шаблон. Modal показывает кнопку '' close'', где '' some.tpl.html'' не имеет кнопки с текстом '' close''. –

ответ

2

Несколько вопросов:

  • я не смог получить эту работу без указания модальности внутри контроллера, так что я создал один.
  • Похоже, что документация с угловым ремешком не знает, о чем идет речь. Я заменил использование templateUrl на использование template, хотя документы говорят, что они должны работать. Weird.
  • Из документов, модальных -> Параметры -> «Это должен быть элемент div.modal, следующий за соглашениями стилей Bootstrap (например, это)». со ссылкой, ведущей к https://github.com/mgcrea/angular-strap/blob/master/src/modal/modal.tpl.html. Таким образом, в основном вам понадобится модальный, чтобы все эти div были определены вокруг фактических modal-header, modal-body и т. Д.
  • Часть $promise.then работает должным образом; docs говорят в примере комментарий //Show when some event occurs (use $promise property to ensure the template has been loaded) , так что все, что он делает, это убедиться, что код внутри функции then выполняется после загрузки модального шаблона. Вероятно, вам понадобится отдельный обработчик для ваших кнопок «Активировать» и «Закрыть».

Надеюсь, это помогло! Рабочий плункер здесь: http://plnkr.co/edit/7aNmIK0WTV6aU5raABdQ?p=preview