标签：一个 angular java 组合 his html 简洁 定时器 使用
import { interval } from ‘rxjs‘;
import { take } from ‘rxjs/operators‘;
const numbers = interval(1000);
const takeFourNumbers = numbers.pipe(take(60));
takeFourNumbers.subscribe(
x => {
this.paracont = (60-x)+"秒后可重发";
this.disabledClick=true;
},
error => {},
() => {
this.paracont = "重新发送验证码";
this.disabledClick=false;
});
HTML中的按钮：
<button type="button" class="btn btn-primary px-4"
[disabled]="disabledClick" (click)="getverifycode()">{{paracont}}</button>
系统创建了一个Observable的定时器对象，每一秒执行一次，这样实现的异步代码十分简洁。需要注意的是代码中的error => {},不能省略。
标签：一个 angular java 组合 his html 简洁 定时器 使用
原文地址：https://www.cnblogs.com/wang-zhao/p/11090528.html
