Add Dynamic Object on ngx-moveable

[bylider]

Environments

• Framework name: ngx-movable
• Framework version: Angular 6+
• Moveable Component version:
• Testable Address(optional):

Description

Hello, I can easily find everything in the library's handbook except for one subject. But I'm having trouble adding multiple objects dynamically and managing what I want.

It looks like I need to show targets for the objects I've added. But I can't find the part about adding objects dynamically and managing them all separately. Can you help with adding dynamic objects using a button with a small example on this subject?
<button (click)="addNewObject()" >Add New

Target

<ngx-moveable
[target]="target"
[draggable]="true"
[origin]="false"
[resizable]='true'
[keepRatio]='true'
[throttleResize]='0'
[renderDirections]='["nw","n","ne","w","e","sw","s","se"]'
[edge]='false'
[zoom]='1'
[origin]='true'
[individualGroupable]="true"
[padding]='{"left":0,"top":0,"right":0,"bottom":0}'
(resizeStart)="onResizeStart($event)"
(resize)="onResize($event)"

[daybrush]

@bylider

Change the target.

There must be a change in target through addNewObject.