Как запустить таймер в pipe Angular2?

Question

[Ivan-P]

Есть пайп котрый показывает разницу времени.

import {Pipe} from "@angular/core";

@Pipe({name: 'ago'})
export class AgoPipe {
  transform(date: Date): string {
    return timeDifference(date);
  }
}

function timeDifference() {...}

timeDifference - функция преобразования, которая выдает, например "20 seconds ago". Но пайп запускается только 1 раз, как сделать чтобы от пересчитывался, например раз в 10 секунд?

Я придумал частичный выход через использование компонента

import { Component, Input } from '@angular/core';
import { Subscription, Observable } from 'rxjs';
@Component({
  selector: 'ago-renderer',
  template: `<span>{{ago}}</span>`,
  styles: [`:host {display: inline}`]
})

export class AgoRendererComponent {

  @Input() time: any;
  timer: Subscription;
  ago: any;

  ngOnInit() {
    this.timer = Observable.interval(5000).subscribe(() => {
      this.ago = timeDifferenceHumanise(this.time);
    });
  }

  ngOnDestroy() {
    this.timer.unsubscribe();
  }
}

Но все же хочется Pipe

Comments

[lega]

Подожду решения на A2, а пока для сравнения пример на angular light: https://jsfiddle.net/lega911/1pccjvax/
работает без участия dity-checking в отличие от A2

[lega]

Решил сделать пример с фильтром пока проект "компилируется", https://jsfiddle.net/lega911/o62cm218/

Answer 1

[Алексей Павлов]

Пропусти это через пайп async. В async передавай Observable.timer