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