Данные на заднем плане не работают Angular 6

Question

У меня проблема с этим атрибутом data-background в моем модале начальной загрузки 4, потому что он не работает должным образом.Что должно произойти, так это то, что когда вы щелкаете за пределами модального окна, оно закрывается, однако этого не происходит.Я использую угловой 6:

Я попытался добавить атрибут фона данных в true, но он все еще не работает

<div class="modal fade" id="modalUser" tabindex="-1" role="dialog" aria-labelledby="modalUserLabel" aria-hidden="true" data-backdrop="false" data-keyboard="false">
    <app-modal-user (inviteUser)="appendUser($event)" [users]="users" [typeUser]="typeUser" ></app-modal-user>
</div>

В настоящее время, когда вы щелкаете снаружи, он не работает.Следует отметить, что атрибут data-keyboard работает правильно

Answer 1

В документации указано, что по умолчанию установлено значение true, и его действие по умолчанию заключается в закрытии модального окна при щелчке вне модального окна.Вы отключаете это, и поэтому оно не закрывает модальное.Удалите data-backdrop или установите его в значение true, если вы действительно хотите ... и тогда модал закроется при нажатии за пределами модального окна.

См. -> https://getbootstrap.com/docs/4.0/components/modal/#options

Болеепараметры можно передать вместе с инициализацией, если вы делаете так, чтобы JS (в вашем угловом компоненте 6) проверял, не перезаписываете ли вы конфигурацию, заданную атрибутами.

См. -> https://getbootstrap.com/docs/4.0/components/modal/#modaloptions