根据数量在* ngfor中使用* ngif

Question

* ng对于我要在其中获取索引，我想显示信息，直到值为AudioRecord.on('data', data => { // base64-encoded audio data chunks }); 为止。  这是HTML代码：

var tempString = '';
AudioRecord.on('data', data => {
  tempString += data;
});

请为此提出建议解决方案。

Answer 1

在检查变量

时，请勿使用 {{}} 表达式

<tr *ngFor="let item of Items; let i = index ;">
   <ng-container *ngIf="i > 5">

Answer 2

您可以使用

<tr *ngFor="let item of items | slice:0:10; let i=index"></tr>

或

<tr *ngFor="let item of Items; let i = index">
  <ng-container *ngIf="i > 5">
  </ng-container>
</tr>

Answer 3

您可以在将项目列表传递到模板之前对其进行过滤，例如使用简单的getter

private _allItems = [1, 2, 3 .. 1000];
get itemsForTemplate => _allItems.filter((_, index) => index < 5 && index % 2);