我有一个角度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布尔值为true.
我该如何编写该代码？请帮忙
这是一个plunker链接,我在我的项目中使用它
https://plnkr.co/edit/TWMIEd1UykUdUC37qyFK?p=preview
解决方法
在视图中：
<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)
}
