Angular UI Boostrap: como fechar o modal sem um controlador?

maximus

Eu sou novo no AngularJS e estava apenas passando pelo Angular UI Modal descrito em: http://angular-ui.github.io/bootstrap/ .

Quero criar um modal simples que tenha apenas um botão para fechar o modal. Como fazer isso sem criar um controlador separado para o modal? Existe um script para ng-clickevento no modelo modal para fazer o trabalho? Como this.close()...

O que eu quero alcançar fica assim:

Modelo:

<div class="modal-header">
  <h3>Modal header</h3>
</div>
<div class="modal-body">
 <h4>Just something random here</h4>
</div>
<div class="modal-footer">
    <button class="btn btn-primary" ng-click="this.close()">OK</button>
</div>

Controlador de página:

  $scope.openModal = function() {
    $uibModal.open({
      templateUrl: "modalContent.html",
      // it's so simple so that I don't want a separate controller
      //controller: "ModalContentCtrl",
      size: '',
      backdrop: 'static',
      keyboard: false
    });
  };
Espírito do Código

Dos documentos :

O escopo associado ao conteúdo modal é aumentado com:

$ close (resultado) (Tipo: função) - Um método que pode ser usado para fechar um modal, passando um resultado.

$ despedir (motivo) (Tipo: função) - Um método que pode ser usado para descartar um modal, passando um motivo.

Esses métodos facilitam o fechamento de uma janela modal sem a necessidade de criar um controlador dedicado.

Então isso funciona:

<div class="modal-header">
  <h3>Modal header</h3>
</div>
<div class="modal-body">
 <h4>Just something random here</h4>
</div>
<div class="modal-footer">
    <button class="btn btn-primary" ng-click="$close()">OK</button>
</div>

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Como passar um resultado do modal do angular-ui-bootstrap para o pai sem fechar?

Como fechar o Angular UI Modal de qualquer lugar

Como fechar o modal após a transição para outro modal no roteador ui angular

Como fechar ui modal semântico em outro componente de reação?

Como passar dados para o controlador usando modal ui angular?

como fechar o modal no angular 5

Como abrir / fechar um modal de bootstrap sem disparar evento?

O botão Fechar não funciona no Angular UI Modal

Bootstrap angular ui modal com o mesmo controlador em vez de um novo controlador

Como fechar um modal Angular2 com um booleano?

Swing: Como fechar o JDialog programaticamente a partir de um controlador?

Como posso fechar um modal em Angular 2?

Bootstrap angular: como fechar modal

Você pode fechar programaticamente um controlador de visualização sem um botão? - OS X

Como faço para fechar um React Native Modal?

Como posso mesclar um branch sem fechar o problema no Gitlab?

Como fechar um uibModal do Angular-ui-bootstrap no mouseleave usando o Factory?

Como usar o Angular-Strap para criar um modal com um controlador?

Como fechar o Modal no Reactjs?

Como fechar modal de faixa angular do controlador ao ligar da fábrica

Como faço para impedir que uma instância modal seja chamada quando um controlador diferente é carregado com UI-bootstrap em Angular?

ngDialog - como fechar o diálogo do modelo (ou seja, sem funções de controlador)?

Estou tentando descobrir como fechar uma caixa modal dinamicamente usando jquery sem um formulário

Usando formulários C # e Xamarin - Como posso fechar um modal sem definir a cadeia de fechamentos

Angular UI Bootstrap Popover adicionando um botão Fechar

Como abrir um controlador / visualização existente em um ui-modal em AngularJS 1.x com $ routeProvider

SwiftUI - Como fechar um Modal View falso - a partir da segunda visualização dentro dele, com um botão Fechar?

como fechar um diálogo modal no showEvent?

como fechar apenas um quadro awt sem fechar outro?

TOP lista

quentelabel

Arquivo