我试图在一些倒计时之后导航.这是我的代码
constructor(
private router: Router
) {}
onsubmit(){
//I call the count down function here
this.countdown();
}
countDown() {
var i = 5;
var myinterval = setInterval(function() {
document.getElementById("countdown").innerHTML = "redirecting in: " + i;
if (i === 0) {
clearInterval(myinterval );
this.router.navigate(['/About']);
}
else {
i--;
}
},1000);
}
EXCEPTION: Cannot read property 'navigate' of undefined
它做错了什么？
解决方法
在setInterval函数中使用箭头函数,这将使得setInterval函数中的Component“this(context)可用.
码
var myinterval = setInterval(() => { //<-- user arrow function
document.getElementById("countdown").innerHTML = "redirecting in: " + i;
if (i === 0) {
clearInterval(myinterval );
this.router.navigate(['/About']);
}
else {
i--;
}
},1000);
