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

发布时间：2020-12-17 17:29:03 所属栏目：安全来源：网络整理

导读：我有一个角度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 =

我有一个角度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)
  }

plunker

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!