0

请帮助伙计们！我从https://developers.giphy.com/获取数据，并将它们传递给模式进行查看，除了 imageUrl 之外的所有其他数据都显示。（我做错了什么，为什么不显示gif）

在下面检查我的代码

这是调用api的方法

data = new BehaviorSubject<any>([]);


  search(event){
    this.http
       .get(
         this.searchEndpointGiphy +
           "api_key=" +
           giphyKey +
           "&q=" +
           event.target.value +
           "&limit =" +
           limit +
           "&offset=" +
           offset +
           "&rating=" +
           rating +
           "&lang=en",

       )
       .subscribe((gifData: any) => {
         this.data.next(gifData.data);
       }
       );
       this.modalPopUp();
   }

这是 modalPopup 我也在这里将数据传递给我的模态


  modalPopUp() {
        const modalRef = this.modalService.open(ModalPopUpComponent);
    modalRef.componentInstance.data = this.data;
  }

最后是我的模态html文件

<div class = "container" *ngFor="let d of data | async">
  <div class = "row">
    <div class = "col-12 col-6">
    </div>
    <div class = "col-12 col-6">
      <div class="card">
        <img [src]="d.url" class="card-img-top img-fluid">
        <div class="card-body">
          <h5 class="card-title">{{d.title}}</h5>
        </div>

      </div>
    </div>
  </div>
</div>

请问为什么imageUrl没有显示？？，已经尝试了我在这里看到的所有问题/答案，但没有一个能够解决我的问题

4

2 回答 2

0

尝试将其添加到您的 index.html 文件中

<meta name="referrer" content="no-referrer"/>
于 2021-01-06T15:51:14.447 回答
0

从这个链接 ( https://ibb.co/XSL1qWp ) 中显示的屏幕截图中，我可以看到一个“图像”对象。此外，下面显示的Giphy Docs的摘录显示您应该在“图像”对象内部查看您打算显示的不同版本的 gif，我认为您应该访问图像对象而不是那个 URL 字段。

  1. 我们在图像对象中提供每个 GIF 的各种再现，以尽可能为您的用户提供最佳体验。通常，最好在预览网格上使用较小的 fixed_height 或 fixed_width 再现。
于 2021-01-07T10:47:01.923 回答