角度2:父子零部件特性绑定

这是一个有趣的我刚刚注意到后,阅读这像5 thimes。

你的div有一个ngFor。 您的孩子在该分区中,因此该孩子将被循环ofc。

<div class="products-cards" *ngFor="let product of dataSource['docs']">
          <app-product-card [product]="product"(highlightEvent)="highlight($event)">
          </app-product-card>
    </div>

应该是

    <div class="products-cards" *ngFor="let product of dataSource['docs']">
        </div>
<app-product-card [product]="product"(highlightEvent)="highlight($event)">
              </app-product-card>

然后在你的孩子身上

@Input()
  set product(product: any) {
    highlightF(product);
  }

highlightf(product: any){
  this.hightlight.emit(product);
}

//Do something to set product.highlight

应用产品卡子组件 打字脚本

import { Component, Input, Output, EventEmitter } from '@angular/core';

@Input() product: any;

@Output() highlightEvent= new EventEmitter();

highlight(){
   this.highlightEvent.emit(somevalue);

}