angular - 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]
标签的正确语法
解决方案
使用 NgForOf 指令中的局部变量(“count”)
<mat-toolbar-row *ngFor="let idp of Idps | async; last as isLast; count as count">
在这里你可以找到所有可用于 NgForOf 指令的变量
推荐阅读
- python - 根据名称的部分查找文件:Python
- node.js - 在 Mongo db 中,我想在文档中添加一个条目。如果 id 已经存在,它应该覆盖它,如果不存在,它应该添加它
- python - 如何从他们的 GitHub 存储库中获取 Helm 的二进制文件?
- spring-cloud-dataflow - 处理事件的编排/通知
- python - Tkinter 停止 root.after 循环
- pdf - 以编程方式检查 PDF 文档中的比例信息?
- c - 进程执行的程序继承了什么?
- strapi - 连接测试失败:命令失败:npm install --prefix /tmp/strapi9a8613f466ed strapi-connector-bookshelf@3.6.3 knex@0.21.18 pg@8.5.1
- angular - 如何在 Angular 8 的 whatsapp 中集成元标记的动态预览?
- flutter - 编写一个程序,使用 Dart 以降序打印从 1 到 1000 的数字