javascript - 禁用 Angular 组件

Question

我们正在使用 ngx-bootstrap在我们的 Angular 应用程序中。更具体地说，我们正在使用 tooltip directive .但是，我们不想在移动设备上显示工具提示，因此我们正在寻找一种方法，一旦屏幕尺寸低于某个阈值，就可以全局禁用工具提示指令。

虽然有一种方法可以通过 tooltip-enabled attribute 禁用单个工具提示指令，我们正在寻找一种通过单个开关禁用所有工具提示的方法。实现这一目标的最佳方式是什么？

非常感谢

Answer 1

我没有找到完全禁用工具提示的方法。但是通过在你的 css 中使用全局样式，你可以在没有 JS 的情况下解决这个问题。

@media (max-width: 1280px) {
    bs-tooltip-container {
        display: none !important;
    }
}

如果屏幕尺寸低于 1280 像素，这将使工具提示不显示。

祝你好运!