Данные компонента совместно используются несколькими экземплярами

Question

Рассмотрим следующий компонент:

  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>

Когда я Запустите приложение, оно печатает первый property в properties! Это нормально?

Answer 1

Это был модальный bootstrap, который вызвал поведение.