Angular gridster 2使用按钮调整小部件的大小

Question

我有如下栅格项目，并使用https://github.com/tiberiuzuld/angular-gridster2

  <gridster-item [item]="myAptInfolet" class="shadow">
                               <app-my-appointments-infolet></app-my-appointments-infolet>
                        </gridster-item> 

。ts

this.myAptInfolet = {cols: 1, rows: 2, y: 0, x: 4}

调整大小功能就像

test(){
    this.myAptInfolet.cols = 2
    this.options.api.resize()

   }

但没有任何反应。控制台中没有错误。请指教

Answer 1

我是angular-gridster2的新手，但是我设法对gridster的布局进行了一些动态更改，因此我将尽力为您提供帮助。

Answer 2

您没有将对调整大小的项目的引用传递到方法test()中。进一步基于Sebapabst0的答案，这里是一个示例StackBlitz：https://stackblitz.com/edit/angular-ivy-jjati4