fabricjs angular 4动态显示fabricjs画布列表

Question

我正在尝试使用fabricjs画布显示我的布局。我从ngOnInit上的服务器收到布局列表，该列表可以显示，但是一旦将新布局添加到布局列表中，dom就会重新渲染，但会调整旧布局的大小，但不会调整新布局的大小。 我试图用Google搜索，但找不到任何东西。 以下是我的HTML代码，用于呈现layoutsList：

    <div class="flex-container" *ngIf="layoutsList.length > 0">
      <div class="disable" *ngFor="let el of layoutsList; let i = index">
         <canvas id='canvas{{i}}' height="200px" width="230px"></canvas> {{i}}
         <label class="btn btn-primary" (click)="changeLayout(el)">
          Edit
        </label>
        <label class="btn btn-danger" (click)="deleteLayout(i, el)">
         Delete
        </label>
      </div> 
    </div>

<button class="btn-primary">
  <i class="fa fa-plus" (click)="addNewLayout()">  Add New Layout</i>
</button>