Сервис:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class NewServiceService {
private response:any;
constructor(private http: HttpClient) {
}
getResponse(userName) {
this.http.get('https://api.github.com/users/' + userName)
.subscribe((response: any) => {
this.response = response;
console.log(response.name);
return this.response;
});
}
}
Компонент:
import { Component } from '@angular/core';
import { NewServiceService } from './new-service.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.less'],
providers: [NewServiceService]
})
export class AppComponent {
private userName:string = "";
private response:any;
constructor(private nss:NewServiceService){
}
search(){
this.response = this.nss.getResponse(this.userName);
console.log(this.response);
}
}
Результат:
там где undifined
должен выводиться ответ от сервера. Ответ есть (это видно с вывода имени в сервисе), но при передачу в компонент с ним что то происходит. Что я упускаю?
return
внутри подписки? это в официальной документации так написано?subscribe
возвращаетSubscription
а не ответ