Angular8 animations - увеличивайте ширину элемента в режиме перетаскивания - PullRequest
Новая
       3

Angular8 animations - увеличивайте ширину элемента в режиме перетаскивания

1 голос
/ 06 января 2020

Я искал похожий вопрос, но не нашел ни одного, поэтому:

У меня есть элемент ползунка - такой же, как у видео плеера, который позволяет контролировать текущее местоположение воспроизводимого видео. Я хочу расширить / уменьшить ползунок после перетаскивания влево или вправо от одного из краев ползунка. Я пытался использовать «старый» способ обработки событий «mousedown» / «mouseup», но я скорее использую способ Angular.

Вот HTML: 

    <div
        id="scene-slider">
        <button (click)="shiftLeft()" class="slider-left-handle">
            <div class="handle-label"></div>
        </button>
        <div
            class="scene-length-label">
        </div>
        <button class="slider-right-handle">
            <div class="handle-label"></div>
        </button>
    </div>

Когда пользователь перемещает мышь после щелчка по «ползунку-правой ручке», я sh получаем эффект перетаскивания, в результате чего «ползунок сцены» меняет свою ширину в направлении движения.

...