Позвольте мне сказать вам, что $ modal имеет метод: открытый, и введены свойства этого метода:
Шаблон: адрес модального окна
Шаблон: используется для отображения тегов HTML
Сфера применения: использование контента с модальной областью (на самом деле, $ modal создаст подсказку текущего объема) по умолчанию $ rootscope
Контроллер: контроллер, указанный для $ modal, инициализирует область $, который может быть введен в $ modalinstance
Решение: Определите участника и передайте его контроллеру, указанному $ modal. Это эквивалентно свойству Reslove маршрутов. Если вам нужно пройти объект объекта, вам нужно использовать angular.copy ()
Фон: управляйте фоном, разрешенные значения: true (по умолчанию), false (без фона), «статический» - фон существует, но при нажатии за пределы модального окна модальное окно не закрывается
Клавиатура: когда нажат ESC, будет ли закрыто модальное диалоговое окно, по умолчанию, чтобы Ture
Windowclass: укажите класс и добавьте его в модальное окно
Метод Open возвращает экземпляр со следующими свойствами:
Закрыть (результат): закройте модальное окно и пройдите результат
Уволить (причина): отмените модальный метод и пропустите причину
Результат: контракт, который выполняется, когда модальное окно закрыто или отозвано
Открыт: контракт, переменная, пройденная, когда откроется модальное окно и загружается содержание
Кроме того, $ modalinStance расширяет два метода $ vall (результат), $ увольнение (разум), который легко закрывает окна и не требует дополнительных контроллеров
<! Doctype html> <html ng-app = "modaldemo"> <head> <title> </title> <link href = "lib/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "lib/angular.jsjs" src = "lib/bootstrap-gh-pages/ui-bootstrap-tpls-0.7.0.min.js"> </script> <script src = "lib/angular/i18n/angular-locale_zh-cn.js"> </script> </head> <body> <div ng-controler = "modaldemoctrl" type = "text/ng-template" id = "mymodalcontent.html"/> <div> <h3> я модальный! selected.item}} </b> </div> <div> <button ng-click = "ok ()"> ok </button> <кнопка ng-click = "cancel ()"> cancel </button> </div> </script> <button ng-click = "open ()"> open Me! 'ui.bootstrap']); var modaldemoctrl = function ($ scope, $ modal, $ log) {$ scope.items = ['item1', 'item2', 'item3']; $ scope.open = function () {var modalinstance = $ modal.open ({templateurl: 'mymodalcontant.html', haymodent.html. Modalinstancectrectrl, Resolve: {election: function () {return $ scope.items;}}}); modalinstance.opened.then (function () {// Функция, выполняемая после открытия модального окна, и на фоне всегда будет выводиться модальное окно. Date ());});});};}; var modalinstancectret = function ($ scope, $ modalinstance, элементы) {$ scope.items = elects; $ scope.selected = {item: $ scope.items [0]}; $ scope. function () {$ modalinstance.dismiss ('cancel');};}; </script> </body> </html>Выше приведено пример всплывающего окна AngularJs $ Modal Code, представленный вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!