angular获取手机验证码问题
来源:互联网 发布:java链表反序 编辑:程序博客网 时间:2024/05/21 09:05
.html
<div class="weui-cell__ft"> <button class="weui-vcode-btn" [disabled]="disabled" (click)="getCode($event)">{{tips}}</button> </div>
.component.ts
public tips = '获取验证码'; public disabled = false; getCode(event: any) { let number = 60; this.disabled = true; const that = this; that.tips = number + 's后重新获取'; const timer = setInterval(function () { number --; if (number === 0) { that.disabled = false; that.tips = '获取验证码'; clearInterval(timer); } else { that.tips = number + 's后重新获取'; } }, 1000); }
说一下:这里的目的是在setInterval的定时调用方法中更改属性值tips,然后通过数据绑定将倒计时数据展示到模板上。
注意这个const that = this;这里这句并不是多此一举,使用that给当前控制器设置一个别名,在setInterval里面使用that而不是this,如果直接使用this则是指代的window。
在定时完成后需要执行clearInterval()方法,暂停定时器。
阅读全文
1 0
- angular获取手机验证码问题
- angular获取手机验证码 移动端登录注册
- 获取手机验证码
- 手机获取验证码
- python解决接口测试获取手机验证码问题
- 获取手机端验证码
- iOS 获取手机验证码
- Android获取手机验证码。
- 手机获取验证码 ---SMS
- 手机注册获取验证码
- [IOS]SMS获取&验证手机验证码
- 获取手机验证码&获取普通验证码
- 手机获取验证码的功能
- Anroid手机验证码的获取
- json 转换,手机获取验证码
- Android Demo手机获取验证码
- Java注册手机获取验证码
- 获取手机验证码并计时
- JqGrid之指定单元格可编辑-yellowcong
- logcat查看网络请求相关log
- Android 字体库的使用。引入外部字体
- cocos2dx之 渐变层
- 聊聊HTTPS和SSL/TLS协议
- angular获取手机验证码问题
- 1061. 判断题(15)
- 一款简单并且免费的物流商品派件系统
- plsql无法登录,提示:监听程序: 所有适用例程都无法建立新连接
- 微信 for win10有必要更新吗?
- 第一周9.16
- spring boot学习笔记(三):controller用法及数据库操作
- ICPC2017南宁邀请赛1005&&HDU6197 (模拟
- go写的爬虫小程序