Deixe -me dizer -lhe que $ modal tem um método: aberto, e as propriedades deste método são introduzidas:
templateurl: o endereço da janela modal
Modelo: usado para exibir tags HTML
Escopo: o uso do conteúdo com um escopo modal (de fato, $ modal criará um subscópio do escopo atual) por padrão é $ Rootscope
Controlador: o controlador especificado para $ modal, inicializa $ escopo, que pode ser injetado com $ modalInstance
Resolva: Defina um membro e passe -o para o controlador especificado por $ modal. É equivalente a uma propriedade de rotas. Se você precisar passar por um objeto, precisará usar o angular.copy ()
Centro: Controle o plano de fundo, valores permitidos: true (padrão), false (sem fundo), "estático" - o fundo existe, mas ao clicar fora da janela modal, a janela modal não fecha
Teclado: Quando o ESC é pressionado, se a caixa de diálogo modal está fechada, padrão para ter
Windowclass: especifique uma classe e adicione -a à janela modal
O método aberto retorna uma instância com as seguintes propriedades:
Feche (resultado): Feche a janela modal e passe um resultado
Dispense (Razão): desfazer o método modal e passe um motivo
Resultado: um contrato que é aprovado quando a janela modal é fechada ou revogada
Aberto: um contrato, uma variável passada quando a janela modal é aberta e o conteúdo é carregado
Além disso, o $ ModalInstance estende dois métodos $ Close (Result), $ Disiss (Motivo), que fecha facilmente Windows e não requer controladores adicionais
<! Doctype html> <html ng-pp = "modaldemo"> <head> <title> </title> <link href = "lib/bootstrap/css/bootstrap.min.css" Rel = "StyleSheet"> <script src = "lib/angular/angular.min.min.min.min.min.miP.MinMin.minMin.minm" Rel = "StyleSeet"> <script src = "lib/angular/angular. src = "lib/bootstrap-gh-páginas/ui-bootstrap-tpls-0.7.0.min.js"> </script> <script src = "lib/angular/i18n/angular-locale_zh-cn.js"> <rcript> </head> <body> <ivular> <ivular type = "text/ng-template" id = "mymodalContent.html"/> <div> <h3> eu sou um modal! Selected.item}} </b> </div> <div> <butão ng-click = "ok ()"> ok </button> <botão ng-click = "cancel ()"> cancel </button> </div> </script> <butt> ng-click = "Open ()"> me! </button> </script> 'ui.bootstrap']); var modaldemoctrl = function ($ escopo, $ modal, $ log) {$ scope.items = ['item1', 'item2', 'item3']; $ scope.open = function () {var modalInstance = $ modal.open ({modalLeMMl:'ModalC'modalC:'mOnmodalC'modalC. ModalInstanceCtrl, resolve: {itens: function () {return $ scope.items;}}}); modalInstance.opened.Then (function () {// A função executada após a janela modal é aberta e o cenário sempre será que a janela modal é aberta. Date ());});});};}; var modalInstanceCtring = function ($ scope, $ modalInstance, itens) {$ scope.items = itens; $ scope.Selected = {item: $ scope.items [0]}; $ scope.ok = {); $ ModalinStance.Cope.items [0]}; = function () {$ modalInstance.dismiss ('cancel');};}; </script> </body> </html>O exposto acima é o código de exemplo de caixa pop-up do AngularJS $ modal apresentado pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!