角猫头鹰旋转木马
角猫头鹰旋转木马
提问于 2022-03-08 05:38:33
我想通过ngFor在旋转木马滑块中显示数据。但这似乎行不通。这段代码工作正常
<owl-carousel carouselClasses="inner-carousel owl-simple rows cols-1" [options]="introSlider">
<div class="intro-slide" style="background-image: url({{storeBannerUrls[0]}}); background-size: 100% 100%;"></div>
<div class="intro-slide" style="background-image: url({{storeBannerUrls[1]}}); background-size: 100% 100%;"></div>
</owl-carousel>但我想通过循环设置url。喜欢
*ngFor="let url of storeBannerUrls"提前谢谢。
回答 1
Stack Overflow用户
发布于 2022-06-28 07:15:26
确保将整个divs部分包装成一个ng-template，然后需要包括这样的carouselSlide。
<owl-carousel carouselClasses="inner-carousel owl-simple rows cols-1" [options]="introSlider">
<ng-template carouselSlide>
<div class="intro-slide" style="background-image: url({{storeBannerUrls[0]}}); background-size: 100% 100%;"></div>
<div class="intro-slide" style="background-image: url({{storeBannerUrls[1]}}); background-size: 100% 100%;"></div>
</ng-template>
</owl-carousel>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71390491
复制相关文章
相似问题
腾讯云开发者
