组件循环中的角度变量答案

【问题标题】：Angular variable in component loops组件循环中的角度变量
【发布时间】：2021-03-06 00:24:59
【问题描述】：

在我更改循环中使用的组件类内的属性值后，它立即重置为原始值。如果我在任何 *ngFor 之外单独使用该组件，则不会发生这种情况。

例如，我有以下组件：

export class CartProductComponent implements OnInit {
  loading = false;
    
  ...

  changeQuantity(change: number) {
    this.loading = true;
    ...
  }
}

这样使用：

<app-cart-product *ngFor="let product of products" [product]="product"></app-cart-product>

在调用changeQuantity 之后，值立即重置为false。

【问题讨论】：

感谢您的快速回复，但已按照 Dima S 的建议进行修复。

标签： angular loops variables ngfor

【解决方案1】：

好吧，您遇到的问题是预期的行为，ngForOf 如果检测到更改并且提供的参考对象不同，它将重新生成视图。尝试使用trackBy

【讨论】：

谢谢。这实际上是我正在寻找的东西，类似于 Vue 的 v-bind:key，但我不知道它在 Angular 中的等价物。