单行的Angular6多个ngFor-如何在一个ngFor中传递两个值

Question

在表头中，我有动态列和搜索排序功能。但对于特定列，我需要禁用排序功能。 在表中

<thead>
      <tr class="table-head">
        <th *ngFor="let colName of reportColHeader; let i = index">
          {{colName}}
          <i [class]="sortIcons[colName]" (click)="toggleSort(colName, i)"></i>
        </th>
      </tr>
    </thead>

在 constructor 我将值作为数组传递。不是来自服务器，它只是静态的

this.reportColHeader = ['ID', 'LABEL 1', 'LABEL 2', 'More'];

所以结果将如下所示

<tr>
 <th>ID <i></i></th>
 <th>LABEL 1 <i></i></th>
 <th>LABEL 2 <i></i></th>
 <th>More <i></i></th>
</tr>

在这里我想禁用特定列的 （排序功能）。
不仅是最后一列或第 n 列。 我的假设是，可能还有一个像

这样的数组

this.reportColHeaderOptions = ['true', 'true', 'false', 'false'];

通过这个值可以显示或隐藏<i></i>
那么我怎样才能在ngFor 中传递这个。
注意：这里我不能使用索引，因为索引会改变。
但我可以按照相同的顺序关注 this.reportColHeader 和 this.reportColHeaderOpions。

Answer 1

为什么不能使用 index ？你可以这样做：

    <th *ngFor="let colName of reportColHeader; let i = index">
      {{colName}}
      <i *ngIf="reportColHeaderOpions[i]=='true'"></i>
    </th>