时间戳

首页 > 解决方案 > 真正不起作用的Angular 6中的数据背景

jquery - 真正不起作用的Angular 6中的数据背景

问题描述

我的引导程序 4 模式中的这个属性 data-backdrop 有问题，因为没有按预期工作。应该发生的是，当您在模式之外单击时，它会关闭，但是，这不会发生。我正在使用角度 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 属性确实可以正常工作

标签： jqueryhtmlbootstrap-4angular6

解决方案

在文档中声明默认为 true 并且默认情况下它的操作是在模式外单击时关闭模式。您正在禁用它，这就是它没有关闭模式的原因。如果您真的需要，请删除data-backdrop或将其设置为 true...然后在模态外部单击时模态将关闭。

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

如果您正在执行 JS 方式（在您的 Angular 6 组件中）检查您是否没有覆盖使用 attributes 给出的配置，则可以在初始化过程中传递更多选项。

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

推荐阅读