2016-11-18 23 views
3

對於angular2物料項目,md內容不可用。當它可以使用時沒有ETA。基本上,我需要一個可滾動溢出的容器。除了wrapper div和設置溢出之外,做這件事的「實質」方法是什麼?Angular2物料md內容替代解決方案

+0

更具體地說,我想使MDDialog滾動溢出。 –

+0

我會說創建一個mdContent CSS類是最好的解決方案。我創建了一個md-content組件,但您不能將任何子項放在標記中,因爲組件是獨立的。 –

回答

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會隱藏滾動條(醜陋)。

Scroll Github上頁:https://github.com/bfwg/angular2-drag-scroll

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