如何在primeNg p-splitter中动态添加拆分面板？

问题描述

  <p-button label="Add" (click)="onAddPanel()"></p-button>
  <p-splitter [style]="{'height': '100px'}" styleClass="p-mb-5">
    <ng-container  *ngFor="let panel of panels">
      <ng-template pTemplate>
        <div class="p-col p-d-flex p-ai-center p-jc-center">
            {{panel.name}}
        </div>
      </ng-template>
    </ng-container>
  </p-splitter>

panels = [ {name: 'Panel1'},{name: 'Panel2'},{name: 'Panel3'} ];

onAddPanel() {
    this.panels = [...this.panels,...[{name: `Panel${this.panels.length+1}`}] ];      
}

如何使 p-splitter 绑定到新集合并在 onAddPanel 事件触发时添加面板？ 我用 “primeng”: “12.0.0” 尝试过，但没有成功。有人有解决方法吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）