1

以下のコードで。simple-point-box css クラスは、ドラッグ アンド ドロップ機能を備えたシンプルなボックスを生成します。いいえ。の単純なボックスが items 配列に格納されます。ここでは、ボタンと正しい値を含む各アイテムを繰り返し処理しています。それに応じて、各アイテムの位置を配置したいと思います。各アイテムから下と右の値を割り当てて、スタイルタグを使用してこれを行うことを考えました。私を助けてください。ハマった。

<div id="widgetspace"
        class="simple-point-box"
        *ngFor="let item of items"
        ngDraggable ngResizable (started)="onStart($event)" (stopped)="onStop($event)" (movingOffset)="onMoving($event)"
        [preventDefaultEvent]="true" (endOffset)="onMoveEnd($event,item,'widgetspace')" ##style="bottom: 200px; right: 300px"##>
  <br>
  bottom={{item.bottom}}
  left={{item.right}}
</div>

アイテムの値に応じてタグの値をスタイルに変更するだけです。各アイテムが保存された位置に従って配置されるようにします

4

1 に答える 1