*除最后 2 列之外的所有列的 Ngif Angular 4
*Ngif for all columns except last 2 Angular 4
我正在尝试对除最后 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 个月可见
如果您尝试应用 ngFor 来排除列,您可以使用切片管道:
<....*ngFor="let month of listaMonthsNames | slice: mySlicer"...>
其中 mySlicer
的值可以从 0
- 包括所有 - 到 listaMonthsNames.length
- 排除所有,以及 [0;listaMonthsNames.length]
间隔中的任何 N
数字到排除前 N 个数字列,例如:2
- 排除前两列,如此 demo example
我正在尝试对除最后 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 个月可见
如果您尝试应用 ngFor 来排除列,您可以使用切片管道:
<....*ngFor="let month of listaMonthsNames | slice: mySlicer"...>
其中 mySlicer
的值可以从 0
- 包括所有 - 到 listaMonthsNames.length
- 排除所有,以及 [0;listaMonthsNames.length]
间隔中的任何 N
数字到排除前 N 个数字列,例如:2
- 排除前两列,如此 demo example