Permítanme decirle que $ modal tiene un método: abierto y las propiedades de este método se introducen:
TemplateUrl: la dirección de la ventana modal
Plantilla: se usa para mostrar etiquetas HTML
Alcance: el uso de contenido con un alcance modal (de hecho, $ modal creará un subescopio del alcance actual) de forma predeterminada es $ rootscope
Controlador: el controlador especificado para $ modal, inicializa $ alcance, que se puede inyectar con $ modalinstance
Resolver: Defina un miembro y pasarlo al controlador especificado por $ modal. Es equivalente a una propiedad reslove de las rutas. Si necesita pasar un objeto de objeto, debe usar angular.copy ()
fondo: controlar el fondo, valores permitidos: verdadero (predeterminado), falso (sin fondo), "estático": el fondo existe, pero al hacer clic fuera de la ventana modal, la ventana modal no se cierra
Teclado: cuando se presiona ESC, si el cuadro de diálogo modal está cerrado, predeterminado a ture
WindowClass: especifique una clase y agrégala a la ventana modal
El método abierto devuelve una instancia con las siguientes propiedades:
Cerrar (resultado): cierre la ventana modal y pase un resultado
despedir (razón): deshacer el método modal y pasar una razón
Resultado: un contrato que se pasa cuando la ventana modal está cerrada o revocada
abierto: un contrato, una variable aprobada cuando se abre la ventana modal y el contenido está cargado
Además, $ ModalInstance extiende dos métodos $ cierre (resultado), $ desestimación (razón), que cierre fácilmente Windows y no requieren controladores adicionales
<! Doctype html> <html ng-app = "modalDemo"> <head> <title> </title> <link href = "lib/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "lib/angular/angular.min.js"> </script <script> <script> src = "lib/bootstrap-gh-pages/ui-bootstrap-tpls-0.7.0.min.js"> </script> <script src = "lib/angular/i18n/angular-loce_zh-cn.js"> </script> </head> <body> <div ng-concoller = "modalDemoctrl"> <scry <scry <scry <scry <scry <scry <scry <scry scration type = "text/ng-template" id = "mymodalContent.html"/> <div> <h3> Soy un modal! </h3> </div> <ul> <li ng-epeat = "elementos en elementos"> <gg-Chick = "select.item = item"> {{item}}}}}}}}}}}}}}}}}} »</li> </ail> seleccionado: <b> }} </b> </div> <div> <botón ng-click = "ok ()"> ok </boton> <button ng-click = "cancel ()"> Cancelar </botón> </div> </script> <botón ng-click = "abrir ()"> ¡Abrirme! </botte> </div> <script> var modalDemo = angular.module ('modalDalDemo', ['', '' ',' '', '', '', '', '' ',' ',' ',' ',' ',' ',' '', '' ]);var ModalDemoCtrl = function($scope, $modal, $log) {$scope.items = [ 'item1', 'item2', 'item3' ];$scope.open = function() {var modalInstance = $modal.open({templateUrl : 'myModalContent.html',controller : ModalInstanceCtrl,resolve : {items : function () {return $ scope.items;}}}); modalInstance.opened.then (function () {// La función ejecutada después de que se abra la ventana modal y el fondo siempre se emitirá después de que se abre la ventana modal. Haga clic, haga clic, haga clic en Cancelar, y el calor se cancelará $ log.info ('modal descartado:' + nuevo nuevo Date ());});});};}; var modalInstanCectrl = function ($ scope, $ modalInStance, elementos) {$ scope.items = items; $ scope.selected = {item: $ scope.items [0]}; $ scope.ok = function () {$ modalinstance.close ($ scope.selected); = function () {$ modalInstance.dismiss ('cancel');};}; </script> </body> </html>Lo anterior es el código de ejemplo de cuadro emergente AngularJS $ modal que le presenta el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!