Angular 2 - открыть / закрыть модал по умолчанию для начальной загрузки

Я не хочу использоватьangular2-самозагрузка или жеNG2-BS3-модальный как предложено в вопросах / ответахУгловой 2 Bootstrap Модал а такжеAngular 2.0 и модальный диалог

Сейчас. Я знаю, что открывает и закрывает модальный бутстрап.

Дисплей переключается междуdisplay: none; а такжеdisplay: block;Атрибут переключается наdiv междуaria-hidden="true" а такжеaria-hidden="false

Итак, естественно, я подумал, что если я связан сaria-hidden атрибут так[aria-hidden]="true", чтобы я мог им манипулировать. К сожалению, я не могу связатьaria-hidden так как это не известное свойствоdiv, (нота,attr.aria-hidden не существует)

Я знаю, что это возможно с JQuery с$('#myModal').modal() как показано в этом вопросеКак открыть модальное окно Bootstrap с помощью jQuery?

Итак, мой вопрос, есть ли функциональность TypeScript, которая делает то же самое, что иmodal() из JQuery, или есть способ привязать функцию / переменную кaria-hidden?

Мой текущийhtml:

<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

Ответы на вопрос(5)

Ваш ответ на вопрос