Angular2材料md-content替代解决方案

Question

对于angular2材质项目，md-content不可用。当它可以使用时，没有ETA。基本上，我需要一个可滚动的容器来溢出。除了包装div和设置溢出之外，这样做的“物质”方式是什么。

Answer 1

Angular2-drag-scroll是您正在寻找的图书馆。

它本质上是一个带溢出的指令：滚动和其他好东西

<style>
  .demo-one {
    height: 260px;
    background-color: #FFFFFF;
  }

  .demo-one img {
    height: 260px;
    width: 260px;
    margin-right: 10px;
  }
</style>

<div drag-scroll drag-scroll-y-disabled="true" scrollbar-hidden="true" >
  <img *ngFor="let image of imagelist" [src]="'assets/img/' + image" />
</div>

我正在将“拖动滚动”应用到div，所以这个div的所有内容都将是 draggable并具有属性overflow：scroll等。

将“drag-scroll-y-disabled”设置为true将禁用y轴滚动/拖动。

将“scrollbar-hidden”设置为true将隐藏滚动条（丑陋）。

Github页面：https://github.com/bfwg/angular2-drag-scroll

演示网站：https://bfwg.github.io/angular2-drag-scroll/