Типу «Дата» нельзя присвоить тип «Наблюдаемый <Date>» - Угловой 6+

Question

Я пытаюсь сделать простые часы в Angular, но я не могу заставить работать Observable / Subscription.

Он выдает ошибку:

Тип 'Дата'нельзя присвоить типу' Observable '

Я что-то здесь упускаю?

clock.service.ts

export class ClockService {

  private clock: Observable<Date>;

  constructor() {
    setInterval(() => {
      this.clock = new Date();
    }, 1000);
  }

  getCurrentTime() {
    return this.clock;
  }
}

clock.component.ts

export class ClockComponent implements OnInit {

  private time;

  constructor(private clockService: ClockService) { }

  ngOnInit() {
    this.time = this.clockService.getCurrentTime.subscribe;
  }

}

Answer 1

Давайте создадим пользовательскую заметку, которая возвращает дату, когда вы подписались:

export class ClockService {

  private clock;

  constructor() {
    // create observable
    this.clock = new Observable((observer) => {        
    // observable execution
    observer.next(setInterval(() => new Date(), 1000);)
    });
  }

  getClock() {
    return this.clock;
  }
}

---

Использование услуги:

export class ClockComponent implements OnInit {

  private time;

  constructor(private clockService: ClockService) { }

  ngOnInit() {
    this.time = this.clockService.getClock.subscribe((date) => this.time = 
  date.getCurrentTime);
  }

}

Примечание: я не пробовал код, поэтому, если есть проблема с опечаткой или типом переменной, исправьте меня.

Answer 2

, если вы хотите вернуть наблюдаемое:

this.clock = Observable.interval(1000).map(() => new Date());

работает ДЕМО

Обновление для rxjs 6 + :

Вы должны импортировать этот путь:

import { Observable , interval} from 'rxjs';
import { map } from 'rxjs/operators';

и используйте интервал следующим образом:

this.clock = interval(1000).pipe(map(() => new Date());

работает ДЕМО