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

questionAnswers(5)

yourAnswerToTheQuestion