在 Angular 中的 *ngFor 中迭代时修复单词中的破折号

Question

我必须在 *ngFor 中迭代非产品但它不接受 -
它只能接受 _ 但在 -

您将如何解决这个问题？

*ngFor="let product of products?.non-product

Answer 1

使用bracket notation since key property name is not a valid identifier.

*ngFor="let product of products['non-product']"