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

Posted 2023-02-22

【中文标题】如何根据字段名称公司名称隐藏列名称公司名称的数据？

【英文标题】：How to hide data on column name company Name based on field name Company Name?

【发布时间】：2020-11-01 03:28:25

【问题描述】：

我在使用 Angular 7 应用程序时遇到问题：我无法使列名称公司名称隐藏数据

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

报表控件是具有字段名称的表。

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

          <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 返回报表控件的数据如下：

报告控制是：

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

预期结果如下公司名称为空：

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

为什么不喜欢下面：

*ngIf="coln==repcon.fieldName

我需要实现如下图所示：

【问题讨论】：

谁能帮帮我

谢谢你的回复，是的，但这是静态方式我需要它动态的意思我使用字段名称是动态的你能帮我这样做吗我要求是动态方式以便我使用字段名称

意思是我可以做 coln != 'fieldName'

你能看到更新的帖子吗？无论如何，我可以接受任何解决方案帮助我保持活力

感谢您的回复我写了隐藏公司名称，因为它存在于对象的报表控件数组的字段名称中。解决方案是静态的，但我需要它是动态的，以基于对象的报表控件数组中的字段名称

【参考方案1】：

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

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

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

如果您只将标题“companyName”更改为“fieldName”，您只需更改

<div>coln</div>

到

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

【讨论】：

能不能把 companyName 改成 fieldName

erata 这可能与否

我改变了答案。

你能看到上面的图片吗，我实际上需要根据 fieldName 做什么我将隐藏字段名称表报告控件上存在的列，如果存在于报告控件 fieldName 上，它将隐藏列的数据相关