angular - 如何检查可观察的倒数计时器是否已完成？

Question

我有一个 Angular 为 4 的简单倒数计时器

import {Observable} from 'rxjs/Observable';
import 'rxjs/add/observable/timer';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/take';

countDown;
counter = 60;
enableButton:boolean = false;

this.countDown = Observable.timer(0,1000).take(this.counter).map(() => --
 this.counter);

当这个 observable 完成时，我想使 enableButton bool 值为真。

我应该如何编写该代码？请帮忙

这是一个 plunker 链接，我正在我的项目中使用它 https://plnkr.co/edit/TWMIEd1UykUdUC37qyFK?p=preview

Answer 1

在 View 中:

<button [disabled]="counter !== 0">OK</button>

在类里面:

  countDown;
  counter = 10; // change accordingly
  tick = 1000;
  constructor() {
  this.countDown = Observable.timer(0, this.tick)
      .take(this.counter)
      .map(() => --this.counter)
  }

plunker