2016-11-18 6 views
3

angular2材料プロジェクトの場合、md-contentは利用できません。それが利用できるようになるときETAはありません。基本的には、オーバーフローのためにスクロール可能なコンテナが必要です。 wrapper divとset overflowの他に、これを行う "重要な"方法は何でしょうか。Angular2材料md-content代替溶液

+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/