无法第二次调用角度服务

Question

我正试图在单击angular中的按钮时调用服务函数。我不知道我做这件事的方式是否正确。第一次我能够调用服务并检索值，第二次当我单击按钮时，它会引发以下错误。[这是错误]

core.js:4197 ERROR TypeError: this._posterService.getPosterUrl is not a function
at HomeComponent.downloadFile (home.component.ts:63)
at HomeComponent_div_31_Template_a_click_9_listener (home.component.html:56)
at executeListenerWithErrorHandling (core.js:14316)
at wrapListenerIn_markDirtyAndPreventDefault (core.js:14351)
at HTMLAnchorElement.<anonymous> (platform-browser.js:582)
at ZoneDelegate.invokeTask (zone-evergreen.js:399)
at Object.onInvokeTask (core.js:27425)
at ZoneDelegate.invokeTask (zone-evergreen.js:398)
at Zone.runTask (zone-evergreen.js:167)
at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:480)

这是我的密码。

<a (click)="downloadFile(product._id)" class="genric-btn primary" style="color: aliceblue;">Download</a>

downloadFile(value:any):void{
this.subs = this._posterService.getPosterUrl(value).subscribe(res => {
this._posterService = res;
console.log(res)
this.DownloadUrl = "assets/img/test.pdf"
let link = document.createElement("a");
link.download = "filename";
link.href = this.DownloadUrl;
link.click(); 
});
}

我在这里订阅了这项服务。当我点击按钮i时，调用fintion，ID被传递给函数。

public getPosterUrl=(posterId:string):Observable<any> =>{
return this._http.get('http://localhost:3000/api/posters/'+posterId);
}

我能够获得向服务提出的第一个请求。当我第二次尝试点击按钮时。引发错误。

Answer 1

使用这个：

this._posterService = res;

您正在丢失由angular注入的服务实例。因此，您只能运行一次服务功能，只需删除该行，或者尝试解释您尝试使用它来获得替代解决方案的目的。

Answer 2

您使用的语法不正确，public getPosterUrl后面不应该有=符号
应该是

public getPosterUrl(posterId:string):Observable<any> => {    
return this._http.get('http://localhost:3000/api/posters/'+posterId);    
}