Angular 2 - Modal de inicialização / fechamento padrão de abertura / fechamento
Eu não quero usarangular2-bootstrap oung2-bs3-modal conforme sugerido nas perguntas / respostasAngular 2 Bootstrap Modal eCaixa de diálogo Angular 2.0 e Modal
Agora. Eu sei o que abre e fecha o modal de inicialização.
O visor é alternado entredisplay: none;
edisplay: block;
Um atributo alterna nodiv
entrearia-hidden="true"
earia-hidden="false
Então, naturalmente, pensei que se eu ligasse aoaria-hidden
atribuir assim[aria-hidden]="true"
, que eu poderia manipulá-lo. Infelizmente, porém, não posso me vincular aaria-hidden
uma vez que não é uma propriedade conhecida dediv
. (Nota,attr.aria-hidden
não existe)
Eu sei que isso é possível com o JQuery com$('#myModal').modal()
como mostrado nesta perguntaComo abrir uma janela modal do Bootstrap usando o jQuery?
Então, minha pergunta é: existe uma funcionalidade TypeScript que faz a mesma coisa quemodal()
do JQuery, ou existe uma maneira de vincular uma função / variável aaria-hidden
?
Meu atualhtml
:
<div id="createAccountModal" class="modal fade customForm" role="dialog" [aria-hidden]="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4>Create account</h4>
</div>
<div class="modal-body">
<p>Lorem ipsum</P>
</div>
<div class="modal-footer align-left">
My custom footer
</div>
</div>
</div>
</div