当调用函数检查不同的数据类型时，角度赋值ngIf类布尔属性

Question

我试图给一个ngIf分配不同的角度类布尔属性，但是我用模板检查了ngSwitch和ngIf else，我不认为这些会起作用。

在我的示例数据集中，我有如下内容

   dataSet: [ { total: '$382734.99', clauseName: 'showTotalDollars' },
                    { total: '3.22%', clauseName: 'showPercentageData' }
              ]

其中我的类布尔属性定义为

 showTotalDollars: boolean = true;
  showPercentageData: boolean = false;

在我的角度代码中，我尝试了以下不起作用的方法

<div class="ng-container" *ngFor="let dataset of sales.dataset">
  <div class="ng-container" *ngIf="{{dataset.clauseName}}">
     <mat-list-item><span>{{total}}</span></mat-list-item>
  </div>
</div>

ngIf does not work with interpolation. 

I also tried 

*ngIf="getClauseName(item)"

In my ts code

 getClause(clickedItem: string) {

   if (clickedItem.clauseName == 'showTotalDollars') {
     return 'showTotalDollars;
   }
   else if (clickedItem.clauseName == 'showPercentageData') {
     return 'showPercentageData;
   }
   ... and so on
 }

这也不起作用。

It seems like in the ngIf works with *ngIf="showTotalDollars" and *ngIf="showPercentageData" in the html code and not getting assigned the name of the boolean properties in the ts code.

当angular代码遍历数据集中的每条记录，检查子句名(有很多，不只是2个)并分配类布尔属性名时，我需要这样的工作。像这样工作的东西

if (clauseName == 'showTotalDollars') then
  *ngIf="showTotalDollars";
else if (clauseName == 'showPercentageData') then
  *ngIf="showPercentageData";

在使用插值和getClauseName函数之后，我不确定如何实现这一点。

所需的行为将是ngFor循环到数据集中的每个记录（有很多）并检查子句名称，它给出了数据类型的指示。找到一种方法来动态地将ngIF设置为ts类中的特定布尔属性名称。

任何帮助，不胜感激。谢谢。

Answer 1

工作代码是

<div class="ng-container" *ngFor="let dataset of sales.dataset">
  <div class="ng-container" *ngIf="this[dataset.clauseName]">
    <mat-list-item><span>{{total}}</span></mat-list-item>
  </div>
</div>