组件数据在多个实例之间共享答案

【问题标题】：Component data is shared between multiple instances组件数据在多个实例之间共享
【发布时间】：2020-01-28 07:20:09
【问题描述】：

考虑以下组件：

  export class PropertyViewComponent implements OnInit {
  @Input() property: any;
  constructor() {}

  ngOnInit() {
  }

  onAddClick() {
    console.log(this.property);
  }
}

模板如下：

<button type="button" class="btn btn-primary" (click)="onAddClick()">َAdd</button>

父组件模板为：

<app-property-view *ngFor="let p of properties" [property]="p"></app-property-view>

当我运行应用程序时，它会打印properties 中的第一个property！正常吗？

【问题讨论】：

你说的第一，是指他排在第一位吗？并在您点击后打印？
能否提供更多详细信息（代码）或 StackBlitz 示例？
是的，数组中的第一个。
你能清楚地解决你面临的问题吗..
你有大量的app-property-view，每一个都有一个属性“property”，它获取数组“properties”的不同值，位置0的值表示第一个 app-property-view，位置 1 中第二个 app-property 的值，依此类推

标签： angular ngfor

【解决方案1】：

这是导致该行为的引导模式。

【讨论】：