angularjs 动态更改ngx-datatable-column名称

agyaoht7 于 2023-01-01 发布在 Angular

关注(0)|答案(1)|浏览(206)

我正在使用ngx-datatableAngular 版本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吗？

angularjs

来源：https://stackoverflow.com/questions/74934867/change-the-ngx-datatable-column-name-dynamically

1条答案

按热度按时间

6uxekuva1#

这是一个初学者的问题。正确的方法来显示 prop 的ngx-datatable-columnname是在.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。

赞(0）回复(0）举报 2023-01-01

我来回答

angularjs 动态更改ngx-datatable-column名称

1条答案

相关问题

热门标签

最新问答