angular - 刷新 Handsontable Angular 4

Question

我在一个项目中使用 n2-handsontable 和 Angular 4。我似乎不知道如何在数据更改时刷新表。我找到了这篇文章:

Refresh a handsontable

这似乎是我想要的，但我不知道如何访问可操作的对象。我最初的想法是使用 # 进行绑定(bind)，但它没有按预期工作，它只是将“未定义”传递给函数。

组件.html

 <button class="btn btn-default" (click)="add(hot)">Add</button>
 <hotTable [data]="_dataHot"
                  [colHeaders]="_columnHeadersHot"
                  [columns]="_columnsHot"
                  [options]="{contextMenu: true}"
                  #hot>
</hotTable>

组件.ts

add(hot){
    //do stuff
    hot.render();
}

编辑:我可以通过执行 ngIf 技巧来强制渲染，但这似乎不是一个好的解决方案。

Answer 1

我最初遇到了同样的问题，无法弄清楚如何访问渲染函数。在 component.ts 文件中使用以下行对我来说很有效。

hot.getHandsontableInstance().render();

我不确定为什么传递 #hot 会为你返回 undefined 。我在下面列出了我的代码片段。

组件.html

<hotTable 
    [data]="data" 
    (afterChange)="afterChange($event, hot)" 
    [colHeaders]="colHeaders" 
    [columns]="columns" 
    [options]="options"
    [colWidths]="colWidths"
    #hot>
</hotTable>

组件.ts

private afterChange(e: any, hot) {
    // some commands
    hot.getHandsontableInstance().render();
}