angular-material2 - Angular2 Material 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 中的所有内容都将是可拖动的并且具有属性溢出：滚动等。

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

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

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

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