用于angular 5的ngx-bootstrap中带有动画的滑动图像

npm install ngx-bootstrap --save

import { CarouselModule } from 'ngx-bootstrap/carousel';

@NgModule({
  imports: [CarouselModule.forRoot()],
  ...
})
export class YourModule { }

<carousel>
  <slide>
    <img src="image1.jpg" alt="Image 1">
    <div class="carousel-caption">
      <h3>Image 1</h3>
      <p>Description 1</p>
    </div>
  </slide>
  <slide>
    <img src="image2.jpg" alt="Image 2">
    <div class="carousel-caption">
      <h3>Image 2</h3>
      <p>Description 2</p>
    </div>
  </slide>
  <slide>
    <img src="image3.jpg" alt="Image 3">
    <div class="carousel-caption">
      <h3>Image 3</h3>
      <p>Description 3</p>
    </div>
  </slide>
</carousel>