Question

在引导程序4的模式中，此属性data-background存在问题，因为它无法按预期工作。应该发生的是，当您单击模式外部时，它会关闭，但是不会发生。我正在使用角度6：

我尝试将data背景属性添加为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

在文件中指出，默认是真实的，它的作用是在默认情况下关闭模式上点击的模式之外。要禁用这一点，这就是为什么它没有关闭模式。如果确实需要，请删除data-backdrop或将其设置为true ...然后在模态外部单击时，模态将关闭。

请参阅-> https://getbootstrap.com/docs/4.0/components/modal/#options

如果您正在执行JS方式（在您的angular 6组件中）检查是否不覆盖由attribute给出的配置，那么可以在初始化时传递更多选项。

请参阅-> https://getbootstrap.com/docs/4.0/components/modal/#modaloptions

真正不工作的数据背景Angular 6

1 个答案: