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-click
evento 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
});
};
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.
deixe-me dizer algumas palavras