web-dev-qa-db-ja.com

CDKDragHandleは子供コンポーネントの中では機能しません

@ angular/cdk 7.2.1を使用する:CDKDROPListを保持している親コンポーネントとCDKDragコンポーネントのネストされたリストを定義する場合は、ネストした子コンポーネント内にCDKDragHandleを定義していません。同じ構造がすべて同じコンポーネント内にある場合、CDKDragHandleは完全に機能します。

https://stackblitz.com/edit/angular-wfvmuj?embed=1&file = src/app/hello.component.html

CDKDragと同じコンポーネントで定義されていない場合でも、CDKDragHandleを機能させるための修正を見つけましたか。

9
Simon

これは私のために働きました:cdkdraghandleを使用する代わりに、迷惑化されたイベント伝播を妨げるだけです。その後、ヘッダーのみをドラッグできます。

<div>
  <header></header>
  <body (mousedown)="$event.stopPropagation()"></body>
</div> _
0
AllenSS