ngx-bootstrap传送带的响应性变化

Question

bounty到期在7天内。该问题的答案有资格获得+ 50声望赏金。Hardi Shah正在寻找来自信誉良好的来源的答案。

我正在学习角度问题和面临的问题，同时使ngx-bootstrap轮换显示站点响应。是否可以在ngx-bootstrap轮播中进行响应式更改？在主视图中，每个视图显示3张图像，而在移动视图中仅显示1张图像。我在这里分享我的代码。testimonials.component.html]中的代码

<carousel [itemsPerSlide]="itemsPerSlide" [singleSlideOffset]="singleSlideOffset" [interval]="false" [noWrap]="noWrap">
    <slide>
        <img src="../../../assets/images/user1.png">
    </slide>
    <slide>
        <img src="../../../assets/images/user1.png">
    </slide>
    <slide>
        <img src="../../../assets/images/user1.png">
    </slide>
    <slide>
        <img src="../../../assets/images/user1.png">
    </slide>
    <slide>
        <img src="../../../assets/images/user1.png">
    </slide>
    <slide>
        <img src="../../../assets/images/user1.png">
    </slide>
</carousel>
testimonials.component.ts文件中的代码

import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'app-testimonials',
    templateUrl: './testimonials.component.html',
    styleUrls: ['./testimonials.component.scss']
})
export class TestimonialsComponent implements OnInit {
    itemsPerSlide = 3;
    singleSlideOffset = false;
    noWrap = false;
    slidesChangeMessage = '';
    constructor() { }

    ngOnInit(): void {
    }
}

我正在学习角度问题和面临的问题，同时使ngx-bootstrap轮换显示站点响应。是否可以在ngx-bootstrap轮播中进行响应式更改？在主视图上，我显示3张图像...

Answer 1

调查了一段时间后，我想出了一个我认为适合您的解决方案。