IgxDrag dragDirection プロパティによりドラッグ方向を制御する

Ignite UI for Angular 9.1.5 バージョン時点での情報に基づいています。

IgxDrag では、dragDirection プロパティにより、要素のドラッグ方向を制御することができます。

import { DragDirection } from 'igniteui-angular';
...
export class AppComponent {
  dragDir = DragDirection.HORIZONTAL;

  ...
}

<div igxDrag [dragDirection]="dragDir" style="width: 200px; height: 100px;">
  <span>Drag Me!</span>
</div>

実行結果

サンプル