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

Question

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

其中报告控件 json 的字段名称是 Company Name 。

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

根据 Field Name 值，我将隐藏 Assigned to Field Name 列上的数据。

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

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

                     
                      </div>
                    </ng-container>

堆栈闪电战我按如下方式处理它，它具有所有相关数据和代码：

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

在 component.ts 上

repcon 返回数据用于报告控制，如下所示：

报告控制是：

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

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

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

为什么不喜欢下面：

*ngIf="coln==repcon.fieldName

我需要实现如下图所示：

标签： typescriptangular-materialangular7angular-directiveangular-components

Answer 1

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

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

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

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

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

至

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