0

Создал сервис, который делает set при нажатии на кнопку

import { Injectable } from '@angular/core';

@Injectable()
export class DataService {
  constructor() { }

  private data;

  setData(data) {
    this.data = data;
  }

  getData() {
    return this.data;
  }
}

в другом файле при нажатии на кнопку, вызывается get этого сервиса

this.dataService.getData()

но данные почему то не обновляются.... как были пустые, так и остались, при том что если вызывать из консоли, то все работает норм.... Мне нужно использовать Обсервбл? МОжно пример, как я могу использовать его в данном случае?

2
  • Покажите код, в котором вы вызываете setData и getData. 4 мая 2018 в 6:19
  • Все правильно, просто перед использованием getData(), надо использовать setData().
    – qwerty
    5 мая 2018 в 10:57

2 ответа 2

0

Судя по поведению, Вы получаете асинхронные данные, а значит без Observable не обойтись. Вот есть русскоязычные примеры с листингами, как получать асинхронные данные: берём данные из JSON-файла, кэшируем ожидаемые данные, чтобы не нагружать лишний раз сервер.

0

Не так дружище, смотри как надо:

my.service.ts:

import { Injectable } from '@angular/core';
import { Subject } from 'rxjs/Subject';

@Injectable()
export class DataService {
    constructor() { }

    public myData: Subject<any> = new Subject();

}

my.component.ts:

import { DataService } from './way';

export class myComponent {
    constructor(private myService: DataService  ) {
        // Ниже подписываемся на subject из сервиса. 
        this.myService.myData.subscribe(
           (data) => {
                console.log(data);  // будет выполняться каждый раз когда будут обновляться данные в переменной myData из сервиса. 
           }
       );
    }
    // Каждый раз когда мы вызываем функцию ниже  срабатывает подписка сверху и выводит в консоль значение.
    sendData() {
        this.myService.myData.next("i send it to subscriber");
    }
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.