动态更改 ngx-datatable-column 名称

Question

我正在使用组件ngx-datatable angular 版本 9。我正在尝试使用 *ngIf 命令动态更改道具name 。

问题：我想使用列表的属性来显示正确的名称。

代码：

    <ngx-datatable-column *ngIf="id == 0 "
      [cellClass]="'alinha-centralizado-global'"
      [headerClass]="'alinha-centralizado-global'"
      name="{{ 'name1' | translate }}"
      prop="fullName"
      [flexGrow]="2"
    >
   <ngx-datatable-column *ngIf="id == 1 "
      [cellClass]="'alinha-centralizado-global'"
      [headerClass]="'alinha-centralizado-global'"
      name="{{ 'name2' | translate }}"
      prop="fullName"
      [flexGrow]="2"
    > 
      <ng-template let-value="value" ngx-datatable-cell-template>
        <span title="{{ value }}">
          {{ value | fullName }}
        </span>
      </ng-template>
    </ngx-datatable-column>

name1和name2在pt.json中。 id是[rows]="list"属性。 当然不行。 有谁知道如何动态更改ngx-datatable-column道具name ？

Answer 1

这是一个初学者的问题。 显示道具的ngx-datatable-column name的正确方法是在.html文件中这样写：

  <ngx-datatable-column 
      [cellClass]="'alinha-centralizado-global'"
      [headerClass]="'alinha-centralizado-global'"
      prop="fullName"
      [flexGrow]="2"
    >
      <ng-template ngx-datatable-header-template>
          <span>{{ getName() }}</span>
      </ng-template>
      <ng-template let-value="value" ngx-datatable-cell-template>
        <span title="{{ value }}">
          {{ value | fullName }}
        </span>
      </ng-templa`enter code here`te>
    </ngx-datatable-column>`enter code here`

在.ts文件中，您创建了一个方法getName() ，条件是动态显示name 。