如何根据字段名称公司名称隐藏列名称公司名称上的数据？

Question

我在开发 angular 7 个应用程序我遇到问题：我无法让列名称公司名称隐藏数据

其中报表控件的字段名称 json 是公司名称。

报表控件 table 有字段名称。

根据字段名称值，我将隐藏分配给字段名称的列中的数据。

          <ng-container *ngFor="let repcon of ReportControl">

                      <div *ngIf="coln==repcon.fieldName">

                     
                      </div>
                    </ng-container>

stack blitz 我按如下方式处理它，它具有所有相关数据和代码：

https://stackblitz.com/edit/create-z4aduq?file=app/app.component.html

在 component.ts

repcon return 报表控制数据如下：

报表控件为：

[{"reportId":2028,"fieldName":"companyName","columnType":1}]

您在下面看到的预期结果公司名称为空：

有什么方法可以通过动态方式做到这一点 我使用字段名称可以使用它控制基于字段名称的存在 那我就可以用了。

为什么不喜欢下面的内容：

*ngIf="coln==repcon.fieldName

我需要实现如下图所示：

Answer 1

如果我理解你的问题，解决方案：

如果您只是隐藏 companyName 列值，请使用以下内容：

<span *ngIf="coln != 'companyName'" >
   {{rep[coln]}}
</span>

如果您只将 header 'companyName' 更改为 'fieldName' 您只需更改

<div>{{coln}}</div>

到

<div>{{coln == "companyName" ? "fieldName" : coln}}</div>