由于* ngFor如何工作,Angular2 [src]图像加载两次

时间:2017-10-28 18:37:17

标签: image angular ngfor

在子组件中,每个数组元素都会调用两次ngOnChanges()。

这是我的category.html

<ng-template ngFor let-fourlet [ngForOf]="productFourlets()" let-i="index">
    <div class="row" > 
        <pdp-product-list-item *ngFor="let product of fourlet" 
                                [product]="product" 
                                [category]="category" 
                                class="col-xs-12 col-sm-3 col-md-3 col-lg-3  product-item">
        </pdp-product-list-item>
    </div>
  </ng-template>

productFourlets()是返回数组数组的函数。这里的例子 Angular 2 *ngFor - Conditional wrapper element. Like using bootstap row with three columns inside, then add a new row

因此,pdp-product-list-item组件元素通过@Input()接收,然后半秒暂停,相同的元素再次到达。

这会导致子组件中的所有问题

有人经历过这个吗?

0 个答案:

没有答案