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

MatTabNav Docsは、 のアクティブなリンクを更新するために使用できるメソッドを示していますmat-tab-nav。これを実装する方法の例は存在しないようであり、ソースコードは実装方法についてより良い洞察を提供しません.

これが私のテンプレートのhtmlです：

次の 2 つの例を使用してメソッドにアクセスしようとしましたが、どちらも のupdateActiveLinkメソッドにアクセスできないようですthis.tabs。

試行の失敗 1

そして失敗した試み2

紛らわしいのは、要素への参照をアイテムに渡す必要があることを示しているため、カストラクタthis.something.updateActiveLink( this.tabs )にインポートしてそのようにアクセスしようとしたことですMatTabNav_matTabNav.updateActiveLink( this.tabs )

私の最終目標

ルートに私のタブが含まれていない場合は、最初のリンクを強調表示するつもりです。また、ルートが変更された場合は、タブに変更を反映させたいと思います。したがって、最初の行は同じものを選択することになります

そして、両方が同じコンポーネントにルーティングされている私のルート