12

Jira スイムレーンまたは trello ボードと思われるスイムレーンを備えたシンプルなボード インターフェイスを作成しています。

ここに画像の説明を入力 赤い線は電流の流れを示しています

青色は実装したいフローを示しています

「To Do」、「In Progress」、「Done」という名前の 3 つの列があります。現在、アイテムを To Do から In Progress に、In Progress から Done に、Done から To do を使用して To do にドラッグできますcdkDropListConnectedTo。

私が知りたいのは、アイテムを「Done」から「To Do」および「In Progress」に移動できるのは誰かということです。同様に、「In Progress」から「Done」と「To Do」の両方にアイテムを移動する方法と、「 Done」を「In Progress」と「To Do」の両方に。

私が考えた最初のことは、複数の参照を渡すcdkDropListConnectedToことでしたが、うまくいきませんでした。誰かが私を正しい方向に向けることができれば幸いです。

ありがとう

これまでに書いたものは次のとおりです: https://stackblitz.com/edit/angular-mpedfr?file=src%2Fapp%2Fapp.component.html

4

4 に答える 4

18

cdkDropListGroup 属性を持つグローバル コンテナーを使用できるようになりました。このコンテナーでは、cdkDropList 属性を持つすべての子コンテナーがリンクされます。すべての [cdkDropListConnectedTo] 要素を追加する必要はありません。

<div cdkDropListGroup>
    <div cdkDropList>
        <div cdkDrag>Drag Me</div>
    </div>
    <div cdkDropList>
        <div cdkDrag>Drag Me Also</div>
    </div>
    ...
</div>
于 2019-03-14T09:31:54.880 に答える