Angular定时器因组件销毁而闪烁
创始人
2024-10-24 12:33:11
0次

在组件销毁时，应该取消相关的定时器。可以在Angular生命周期钩子函数ngOnDestroy()中取消定时器。

示例代码：

import { Component, OnInit, OnDestroy } from '@angular/core';

@Component({ selector: 'app-timer', templateUrl: './timer.component.html', styleUrls: ['./timer.component.css'] }) export class TimerComponent implements OnInit, OnDestroy {

timer: any; count: number = 0;

constructor() { }

ngOnInit() { this.timer = setInterval(() => { this.count++; }, 1000); }

ngOnDestroy() { clearInterval(this.timer); }

}

上一篇：Angular地理定位

下一篇：Angular订阅@Input对象的变化

相关内容

热门资讯

第六分钟实锤！智星德州菠萝（德... 第六分钟实锤！智星德州菠萝（德州nzt）都是有挂（详细辅助攻略方法）1、让任何用户在无需智星德州菠萝...
第1分钟实锤！德扑数据软件（线... 第1分钟实锤！德扑数据软件（线上德州）都是真的是有挂（详细辅助教你教程）；德扑数据软件软件透明挂微扑...
第四分钟实锤！德州ai辅助有用... 第四分钟实锤！德州ai辅助有用（德州wpk）切实是真的有挂（详细辅助详细教程）；1、操作简单，无需注...
5分钟实锤！智星德州菠萝外挂（... 5分钟实锤！智星德州菠萝外挂（智星德州）总是真的是有挂（详细辅助可靠技巧）1、智星德州菠萝外挂系统规...
3分钟实锤！德州之星辅助挂（w... 3分钟实锤！德州之星辅助挂（wepower德州）竟然真的有挂（详细辅助专业教程）1、玩家可以在德州之...
九分钟实锤！德州之星外挂（we... 九分钟实锤！德州之星外挂（wepower德州）真是真的是有挂（详细辅助透明挂教程）；1、不需要AI权...
三分钟实锤！德州ai辅助软件（... 三分钟实锤！德州ai辅助软件（德州之星）果然是有挂（详细辅助普及教程）德州ai辅助软件是一种具有地方...
3分钟实锤！德扑ai智能（德州... 3分钟实锤！德扑ai智能（德州nzt）真是真的是有挂（详细辅助AI教程）1、金币登录送、破产送、升级...
第6分钟实锤！德州ai辅助（线... 第6分钟实锤！德州ai辅助（线上德州）总是有挂（详细辅助分享教程）1、下载好德州ai辅助辅助软件之后...
7分钟实锤！德州免费辅助神器a... 7分钟实锤！德州免费辅助神器app（来玩德州）确实真的有挂（详细辅助曝光教程）；一、德州免费辅助神器...