当我在模态中添加轮播时，关闭按钮在角度 6 中不起作用答案

【问题标题】：When i add carousel in modal , close button is not working in angular 6当我在模态中添加轮播时，关闭按钮在角度 6 中不起作用
【发布时间】：2019-05-15 12:44:48
【问题描述】：

我想在模式弹出窗口中添加轮播，所以我添加了轮播，它工作正常。

但是当尝试使用关闭按钮关闭模型时，它不起作用。

Link to stackblitz demo

关于如何使用关闭按钮有什么建议吗？

提前致谢！

【问题讨论】：

看起来您的示例效果很好。我可以通过x、close 按钮关闭模态框，或者在模态框外单击。
我已将 .gif 添加到我的问题 @IrinaPotapova。请看一次
是否可以使用轮播更新您的演示？抱歉，我在演示中找不到。
通常下一个/上一个控件具有很大的垂直区域（因此，不仅箭头可以在轮播的幻灯片之间切换）。请检查开发工具中的.carousel-control-next 元素。我希望您只需要在模态中将您的轮播稍微向下移动。
嗨@IrinaPotapova，我在演示中有轮播，你可以在stackblitz中查看html页面，我不明白为什么它没有出现在那里，我想出了问题是因为.carousel-control-next我们不能降低那个元素的高度吗？

标签： angular typescript bootstrap-4 angular6

【解决方案1】：

请尝试为上一个/下一个箭头更改 css：

.carousel-control-next, .carousel-control-prev {
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
}

top 和 transform 将设置箭头图标垂直居中。您可以根据需要轻松更改这些值。现在 prev/next 控件的高度只有 30px。希望对您有所帮助。

【讨论】：

@KeerthiReddyYeruva，没问题