Angular 角材质底部工作表在单击几秒钟时不将数据绑定到内部内容？

这是我要测试的服务器

在localhost中，一切正常。在要测试的服务器中，我遇到问题： 第一次单击底部板材渲染oki。 第二次单击底部表单不绑定数据，API返回数据oki。chrome没有错误日志

下面是ts文件中的代码

          product = new ProductDetailHomePage();

      constructor(@Inject(MAT_BOTTOM_SHEET_DATA) public data: any,
        private homePageService: HomePageService,
        private bottomSheetRef: MatBottomSheetRef<ProductDetailBottomSheetComponent>) {
        this.productId = data.productId;
      }

      ngOnInit() {
        this.homePageService.getProductDetail(this.productId).subscribe(p => {
          this.product = p;
        });
      }

product=newproductDetailHomepage（）；
构造函数（@Inject（MAT_BOTTOM_SHEET_DATA）公共数据：任意，
私人主页服务：主页服务，
专用bottomSheetRef:MatBottomSheetRef）{
this.productId=data.productId；
}
恩戈尼尼特（）{
this.homePageService.getProductDetail（this.productId）.subscribe（p=>{
本产品=p；
});
}

下面是html文件中的代码

        <button type="button" (click)="close()" mat-icon-button>
      <mat-icon class="material-icons" aria-label="hiden">arrow_drop_down</mat-icon>
    </button>
     {{product.Title}} <b>Code: {{product.ProductCode}}</b>
    <mat-divider></mat-divider>
    <div class="product-detail-attribute">      <b>Gram: {{product.Gram}} </b> <i> Calorie: {{product.Calorie}} </i> Price: {{product.Price}}</div>
    <mat-grid-list cols="4" class="product-detail">  
      <mat-grid-tile class="product-detail-image" colspan="2" >
          <img src="{{product.ImageUrl}}" />
      </mat-grid-tile>
      <mat-grid-tile class="product-detail-description" colspan="2">
          <button type="button" mat-icon-button (click)="addToCart()">
              <mat-icon class="material-icons" aria-label="add to shopping cart">add_shopping_cart</mat-icon>Add to cart
            </button>
      </mat-grid-tile>
      <mat-grid-tile class="product-detail-description" colspan="4">
        <div  innerHTML="{{product.Description}}"></div>
      </mat-grid-tile>
    </mat-grid-list>

向下箭头
{{product.Title}}代码：{{product.ProductCode}
克：{{product.Gram}卡路里：{{product.carorie}}价格：{{product.Price}
添加购物车添加到购物车

我每次都会收到你的底稿，上面的数据似乎是正确的，因为它会根据你点击的项目而变化。你能试着解释一下你的问题是什么吗？我试着用CloudApp记录我的屏幕这里是视频链接https://cl.ly/1t3c25213j1R。本地主机运行良好。啊，我在你的录音中看到了你的意思，但我仍然看不到它在我这边。我用的是Chrome，你用的是什么浏览器？我用的是Chrome，也试过其他浏览器，我也有同样的问题。无论如何，非常感谢你的帮助，似乎只有我的电脑出了问题。我问了一些朋友，效果也不错。它是有线的，我不知道，但我不能用我的电脑来显示演示了：（好的，没问题，我希望你能找到它！