Angular2 中setTimeOut 回调函数未定义问题

需求:

在angular2中,调用延时函数,在保存表单成功后,系统下方显示成功信息,在指定时间内若不手动关闭,则提示信息自动关闭。

思路:

保存成功后,调用setTimeout方法,回调函数为关闭提示框。

原先代码为

//关闭提示信息框
  closePop = function () {
    this.mypop.nativeElement.style.display = "none";
  }

//调用延时函数,关闭提示框
setTimeout("closePop()",2000);

在调用过程中始终报closePop函数未定义,百思不得其解,上网查,看到有说在JavaScript 下也出现同样问题,采取匿名函数调用即可,代码如下

setTimeout("function(){closePop();}",2000);

照猫画虎,采用如上相同的写法,却始终报function 必须定义方法名,又一次陷入坑中。

回家看angular官网上的模板语法,偶尔看到其API中关于ViewChild章节中的例子看到如下代码

export class ViewChildComp {
  @ViewChild(Pane)
  set pane(v: Pane) {
    setTimeout(() => { this.selectedPane = v.id; }, 0);
  }
  selectedPane: string = '';
  shouldShow = true;
  toggle() { this.shouldShow = !this.shouldShow; }
}

猛然想起了angular中的=>指向函数,貌似angular中的匿名函数和JavaScript还是有区别的,故照样改之:

setTimeout(() => {this.closePop();},2000);

完美解决。还是官网给力,写此文记录分享,后来人少采坑。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值