Как получить значение subscribe() в сервисе из компонента?

Question

[ajky]

Если без запроса к серверу, то легко, а вот результат запроса передать не получается :/
Нужно транслировать значение в компонент.

@Injectable() 
export class UserService {
    constructor(
        private auth:       Auth,
        private http:       Http,
        private authHttp:   AuthHttp) {}
  
    getUsers() {
        this.authHttp
            .get(APP_SERVER + 'api/users')
            .map((response: Response) => response.json())
            .subscribe(
            (data) => {
                return data;
            },
            (error) => {
                console.log('user service error');
            }
        );
    }
}

Answer 1

[_ _]

Не совсем понимаю, в чем затык у вас

getUsers() {
  return this.authHttp
    .get(APP_SERVER + 'api/users')
    .map((response: Response) => response.json());
}

constructor(svc: UserService) {
  svc.getUsers().subscribe((response) => console.log(response));
}

Comments

[ajky]

В другом ответе кинул ссылку на такое же решение, раз и вы советуете так, значит, всё же, хорошее решение)

Answer 2

[Дмитрий Баракин]

Никак. Попытаюсь объяснить (за терминологию сильно не пинайте).
Суть в том, что в данном примере вы ничего не возвращаете из функции getUser().

return data;
относится не к функции getUser(), а к лямбде

(data) => {
    return data;
}

Чтобы получить значение в компоненте, вам все же придется возвращать из сервиса Promise или Observable (как в вашем случае) и подписываться на результат при помощи then (Promise) или subscribe (Observable). Как-то иначе взаимодействовать с асинхронными операциями (http) не выйдет

Comments

[ajky]

Нашёл простое решение через Observable (затестил - вроде всё норм), если хорошее - могу отдельным ответом сделать и отметить решением.
angular2academy.com/2016/11/17/fetch-data-from-htt...

[Алексей Зуев]

ajky: я думаю этот ответ стоит тоже решением пометить

Answer 3

[Виталий]

Вариант есть, причём довольно простой. Достаточно добавить в сервис EventEmitter, который будет посылать emit(data) в результате каждого запроса. Любой компонент, который включает этот сервис, в конструкторе подписывается на отправляемые события, после которого может обновлять контент.