*Ngif 用于除最后 2 个 Angular 4 之外的所有列

【问题标题】：*Ngif for all columns except last 2 Angular 4*Ngif 用于除最后 2 个 Angular 4 之外的所有列
【发布时间】：2017-11-06 12:27:57
【问题描述】：

我正在尝试对除最后 2 列之外的所有列使用 *Ngif，我已经尝试了几个小时，但到目前为止没有任何效果 mes 变量具有当前月份的编号。 listaMonthsNames 的元素数量与当前月份相同检查变量是一个设置为 false 的布尔值

<thead>
    <tr>
      <th></th>
      <ng-container *ngFor="let month of listaMonthsNames let idx=index">
      <th class="col-{{idx}}" *ngIf="check">{{month}}</th>
      </ng-container>
    </tr>
</thead>

我还有一个复选框，当我点击它时，它会显示数组 listaMonthsNames 的所有月份，如果我再次点击它，它会隐藏所有月份，但我希望它保持最近 2 个月可见

【问题讨论】：

标签： angular angular-ng-if

【解决方案1】：

如果您尝试应用 ngFor 排除列，则可以使用切片管道：

<....*ngFor="let month of listaMonthsNames | slice: mySlicer"...>

其中mySlicer 的值可以从0 - 包括所有 - 到listaMonthsNames.length - 排除所有，以及[0;listaMonthsNames.length] 间隔中的任何N 数字以排除前N 个数字列，例如：2 -排除前两列，如demo example

【讨论】：

有没有办法在隐藏和显示选项之间切换？
您可以使用属性，而不是 2（例如）。然后将其值更改为 0 以包括所有，长度 + 1 为空，以及介于两者之间的任何值。查看更新的演示
谢谢我去试试
好的，告诉我进展如何 :)