简体   繁体   English

当我在模式中添加轮播时,关闭按钮在角度6中不起作用

[英]When i add carousel in modal , close button is not working in angular 6

I want to add a carousel in a modal popup, so i have add carousel it is working fine. 我想在模式弹出窗口中添加一个轮播,所以我已经添加了轮播,它工作正常。

But when tried to to close the model using close button , it is not working. 但是,当尝试使用关闭按钮关闭模型时,它不起作用。

Link to stackblitz demo 链接到stackblitz演示

情态的gif

Any suggestions on how to make work of close button? 关于如何使关闭按钮起作用的任何建议?

Thanks in advance! 提前致谢!

Please try to change css for prev/next arrows: 请尝试将CS​​S更改为上一个/下一个箭头:

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

top and transform will set arrow icon vertically centered. toptransform将设置箭头图标垂直居中。 You can change these values easly depending on your needs. 您可以根据需要轻松更改这些值。 And now prev/next controls will have only 30px height. 现在,上一个/下一个控件的高度将只有30px。 Hope it helps. 希望能帮助到你。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM