我在我的角应用程序中使用组件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对象的属性时,会设置新名称。
那么有人能告诉我如何重新呈现/同步数据表标题吗?
谢谢!
答案 0 :(得分:2)
...该死 永远尝试,问了问题,马上找到了解决方案。 它的工作原理是向列中添加一个显式的标题模板,如下所示:
<ngx-datatable-column>
<ng-template let-column="column" ngx-datatable-header-template>
{{day_1_header}}
</ng-template>
</ngx-datatable-column>
也许有一天它会帮助某人。