使用离子组件时，我遇到了问题

Question

我正在从事一个电子商务项目，我已经制作了一个产品组件，并在首页和商店页面上调用了该组件。 组件上的按钮可以在商店页面上使用，但不能在商店页面上使用。

我是离子的新手，我找不到解决该问题的方法。

商店页面上的代码：                                          主页上的代码：

          <ion-slide *ngFor="let p of shared.tab1">
            <product [data]="p" [type]="'normal'"></product>
          </ion-slide>

产品组件代码：

      <ion-buttons *ngIf="type=='normal'">
        <span *ngIf="config.cartButton==1">
          <button ion-button block color="secondary" *ngIf="p.defaultStock!=0 && p.products_type==0" (click)="addToCart(p);">
            {{'ADD TO CART'|translate}}</button>
          <button ion-button block color="secondary" *ngIf="p.products_type!=0" (click)="showProductDetail();">
            {{'DETAILS'|translate}}</button>
          <button ion-button block color="danger" *ngIf="p.defaultStock==0 && p.products_type==0">
            {{'OUT OF STOCK'|translate}}</button>
        </span>
      </ion-buttons>

我在两个页面上都使用了相同的产品组件，主页和产品页面均已按照UI正确呈现。