Ссылка элемента Element между двумя компонентами - PullRequest
Новая
       29

Ссылка элемента Element между двумя компонентами

0 голосов
/ 12 мая 2019

Я пытаюсь разделить большие компоненты на более мелкие. Я реализовал функцию перетаскивания из Angular Material, которая соединяет два списка с помощью хеш-меток. Проблема в том, что теперь список, который можно перетаскивать, и список, куда можно перетаскивать элементы, разделены, потому что каждый из них находится в разных компонентах. Мой вопрос заключается в том, как соединить эти два списка, чтобы снова получить функциональность? Я не спрашиваю о какой-либо реализации кода, а только о передаче значений в ссылки на элементы хеша между этими двумя компонентами. enter image description here

Код: Дочерний компонент 1 ([cdkDropListConnectedTo] = "[doneList]"): 

    <div class="msgList"
    cdkDropList #todoList="cdkDropList" [cdkDropListData]="messagesArray" [cdkDropListConnectedTo]="[doneList]"
    infiniteScroll [infiniteScrollDistance]="2" [infiniteScrollThrottle]="50"(scrolled)="onScroll()" [scrollWindow]="false">

Дочерний компонент 2 ([cdkDropListConnectedTo] = "[todoList]"): 

     <a mat-list-item class="navItem" (click)="onContainerChange(enumMessageContainer.DELETED_MESSAGES)"
           cdkDropList #doneList="cdkDropList"
           [cdkDropListData]="messagesMovedToDelete" [cdkDropListConnectedTo]="[todoList]"
           (cdkDropListDropped)="dropAndDelete($event)">
            <mat-icon>delete</mat-icon>
            <span class="nav-caption">Trash</span>
        </a>
...