在Angular 10中,如果Carousel不起作用且图像不滑动,可能是由于以下原因:
import { NgbCarouselModule } from '@ng-bootstrap/ng-bootstrap';
@NgModule({
imports: [
NgbCarouselModule
],
...
})
export class AppModule { }
注意,每个图像都应该包装在ng-template
标签中,并使用ngbSlide
指令指定为Carousel的幻灯片。
...
在上面的示例中,我们将Carousel组件的父元素设置为400像素的高度。
angular.json
文件中的styles
数组中添加Bootstrap CSS文件的引用:"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
...
]
请根据您的项目所使用的CSS文件路径进行调整。
通过检查上述步骤,您应该能够解决Angular 10中Carousel不起作用且图像不滑动的问题。如果问题仍然存在,请检查浏览器控制台是否有任何错误消息,并确保没有其他代码或样式干扰Carousel的正常运作。