В cdk для углового перетаскивания нет возможности сделать только один контейнер перетаскиваемым, а другой - перетаскиваемым - PullRequest
Новая
       21

В cdk для углового перетаскивания нет возможности сделать только один контейнер перетаскиваемым, а другой - перетаскиваемым

0 голосов
/ 11 декабря 2018

Я делаю макет перетаскивания с использованием углового перетаскивания материала cdk, у меня есть два блока, один из которых содержит элементы, которые нужно перетаскивать ТОЛЬКО , это означает, что мы не можем ничего бросить или сделать внутри этого блока рядомперетаскивая, в то время как в другом div, мы помещаем в него элементы из предыдущего div.

Кажется, что возможности angular cdk ограничены, и мы не можем просто перетащить из одного компонента, не имея директив drop в этом конкретном div и drop в следующем div.

Я хочу иметьчто-то вроде этого, но мы не можем получить события перетаскивания из предыдущего контейнера при падении в контейнер для отбрасывания. 

            <div id='main'>
              <div [style.background]="'blue'" id='components'>
                <mat-card>
                    <mat-card-title>Components</mat-card-title>
                    <mat-card-content >

                    <div id="controls" cdkDragList  >
                        <button mat-raised-button  id="Text">
                            <mat-icon>text_format</mat-icon>Text
                        </button>
                        <button mat-raised-button  id="TextArea" >
                            <mat-icon>format_align_justify</mat-icon>TextArea
                        </button>
                    </div>
                    </mat-card-content>
                </mat-card>

              </div>
              <div [style.background]="'white'" id='preview' cdkDropList (drop) ="dropped($event)">

              </div>
              <div [style.background]="'red'" id='properties'>
              </div>
            </div>
...