Question

我试图使用我从组件制作的服务。

我有以下服务：

<img src = {{image1}}>

此服务应该在image1和image2中切换两个图片网址。

所以现在我有一个我想要调用此服务的组件，并获取表单image1和image2。

在组件html文件中使用image1 / 2 url的正确方法是什么？

我尝试过像

这样的事情

export class GalleryComponent implements OnInit {

  constructor(public pictureService: PicturesService) { 
    var pic1 = this.pictureService.image1;
  }

但它似乎不起作用。

感谢。

编辑：

在组件中，我得到的图像如下：

headers = {
        'Connection': 'close'
}
with requests.Session() as session:
response = session.post('https://xx.xxx.xxx.x/xxxxxx/x', headers=headers, files=files, verify=False)
results = response.json()
print results

根据我的理解，从服务中获取image1的值。

问题是如何在HTML文件中使用此值。

Answer 1

您可以在模板中使用组件属性：

export class GalleryComponent implements OnInit {
  pic1:any;
  constructor(public pictureService: PicturesService) { 
    this.pic1 = this.pictureService.image1;
  }

或使用模板中的服务：

<img src="{{pictureService.image1}}">

Angular：如何将服务中的数据用于组件html

1 个答案: