angular - 是否可以使用 Angular Material 构建图像轮播？

Question

我正在尝试使用 Angular Material 开发图像轮播，但我找不到任何有用的资源。

我尝试了 https://github.com/gbrlsnchs/material2-carousel但没有用，代码很复杂。

Answer 1

这里是 example为你

<ng-template #slide let-slide>
    <div [ngStyle]="{
      'background-size': 'cover',
      'background-image': 'url(' + slide.url + ')',
      'background-repeat': 'no-repeat',
      'width': '100%',
      'height': '100%'
    }">
    </div>
</ng-template>
<ng-template #thumbnail let-slide>
        <div [ngStyle]="{
        'background-size': 'cover',
        'background-image': 'url(' + slide.url + ')',
        'background-repeat': 'no-repeat',
        'background-position': 'center center',
        'width': '100%',
        'height': '100%'
      }"></div>
</ng-template>