首页 > 解决方案 > Angular - 使用异步管道时如何检查 *ngFor 中数组的长度?

问题描述

我有:

<mat-toolbar-row *ngFor="let idp of Idps | async; last as isLast">

我需要为这些访问它的长度:

 <button [disabled]="(Idps| async)?.length===1" [ngClass]="{'disabledBtn': !(Idps | async)?.length > 1}"

遗憾的是,这不起作用,我设法使该语法仅在此处起作用:

{{ (Idps | async)?.length }}

如果我把它放在我的 HTML 中,它会在屏幕上显示长度,但我找不到用于我的[disabled][ngClass]标签的正确语法

标签: angular

解决方案


使用 NgForOf 指令中的局部变量(“count”)

<mat-toolbar-row *ngFor="let idp of Idps | async; last as isLast; count as count">

在这里你可以找到所有可用于 NgForOf 指令的变量


推荐阅读