Angular Gridster-2 Redraggable и изменить размер - PullRequest
0 голосов
/ 11 февраля 2020

Я новичок в angular gridster 2

Не могли бы вы дать мне знать, если мы сможем отобразить уже разработанные графики с использованием angular gridster 2, я также ищу такой же подход , Поскольку мой пользовательский интерфейс имеет 5 различных блоков Div, а внутри каждого блока Div отображается карта.

Как я могу использовать angular гридстер, чтобы отключить эти 5 карт с помощью перетаскиваемых и изменяемых размеров функций после загрузки страницы ..

<gridster [options]="options">

<div class="col-md-12 ml-auto mr-auto" >

<div class="row"   > <!--[item]="item" *ngFor="let item of dashboard"  gridster-item-->
<gridster-item class="col-lg-3 col-md-6 col-sm-6"  [item]="item" *ngFor="let item of dashboard" >

<card1></card1>
<card2></card2>

</gridster-item>
</gridster>

export class dashboard implements oninit{

options={
    draggable: {
      enabled: true},
      resizable: {
        enabled: true
      }
  };
  dashboard = [
    {cols: 1, rows: 1, y: 0, x: 0}
  ];

}

Пожалуйста, объясните, что представляют собой строки, столбцы, x и y .. Как это влияет на пользовательский интерфейс, если эти значения изменены ..

...