Angular2 Материал альтернативного решения md-контента

Question

Для проекта с угловым материалом md-контент недоступен. Нет 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.

Установка «полоса прокрутки-скрыта» в true скроет полосу прокрутки (уродливую).

Github страница: https://github.com/bfwg/angular2-drag-scroll

Демо-сайт: https://bfwg.github.io/angular2-drag-scroll/