0

我在我的 Angular 应用程序中使用组件 ngx-datatable,我正在尝试动态更新标题文本。我正在尝试的是以下内容:

<ngx-datatable-column prop="day_1" name="{{day_1_header}}">

并动态更新 day_1_header 属性,但是当我这样做时,永远不会反映更改。我也尝试过添加 ViewChild 并直接更改名称,如下所示:

HTML:
<ngx-datatable-column #dataTable1 prop="day_1" name="{{day_1_header}}">
TS:
@ViewChild('dataTable1') dataTable1;
[..]
this.dataTable1.nativeElement.name = "test";

当我检查我的 dataTable1 对象的属性时,设置了新名称。

那么谁能告诉我如何重新渲染/同步数据表标题?

谢谢!

4

1 回答 1

3

该死的......永远尝试,提出问题并立即找到解决方案。它通过向列添加显式标题模板来工作,如下所示:

<ngx-datatable-column>
      <ng-template let-column="column" ngx-datatable-header-template>
        {{day_1_header}}
      </ng-template>
</ngx-datatable-column>

也许有一天它会帮助某人。

于 2018-01-19T10:55:20.057 回答