Angular中的detectChanges()不会触发ngDoCheck()
创始人
2024-10-31 03:30:52
0次

使用 markForCheck() 方法代替 detectChanges() 方法。这种情况通常发生在组件使用了 OnPush 变更检测策略时。

示例代码:

@Component({ selector: 'app-example', templateUrl: './example.component.html', changeDetection: ChangeDetectionStrategy.OnPush }) export class ExampleComponent implements OnInit, DoCheck {

@Input() data: any;

constructor(private cdr: ChangeDetectorRef) { }

ngOnInit() { }

ngDoCheck() { console.log('ngDoCheck() called'); // 这条语句永远不会被执行 }

updateData() { // this.cdr.detectChanges(); // 不会触发 ngDoCheck() this.cdr.markForCheck(); // 会触发 ngDoCheck() }

}

在上面的代码中,使用了 OnPush 变更检测策略,同时实现了 DoCheck 接口。当调用 updateData() 方法时,使用了 markForCheck() 方法来通知 Angular 组件需要检测更新,这会触发 ngDoCheck() 方法的执行。相反,如果使用 detectChanges() 方法,ngDoCheck() 不会被调用。

相关内容

热门资讯

详细说明透视挂技巧!彩虹沁阳麻... 详细说明透视挂技巧!彩虹沁阳麻将多功能透视挂技巧,彩虹沁阳麻将切实是真的有透视挂技巧1、完成彩虹沁阳...
一分钟了解开挂工具!桓仁奥云麻... 一分钟了解开挂工具!桓仁奥云麻将多功能开挂工具,桓仁奥云麻将竟然是有开挂工具1、每一步都需要思考,不...
科技分享辅助软件!星火燎原多功... 科技分享辅助软件!星火燎原多功能辅助软件,星火燎原其实存在有辅助软件1、上手简单,内置详细流程视频教...
盘点十款辅助器方法!牵手湖南麻... 盘点十款辅助器方法!牵手湖南麻将多功能辅助器方法,牵手湖南麻将一直真的是有辅助器方法1、牵手湖南麻将...
解密关于透视器攻略!琼崖海南麻... 解密关于透视器攻略!琼崖海南麻将多功能透视器攻略,琼崖海南麻将切实存在有透视器攻略解密关于透视器攻略...
总算清楚辅助器工具!抚顺麻将多... 总算清楚辅助器工具!抚顺麻将多功能辅助器工具,抚顺麻将总是是有辅助器工具小薇(辅助器软件下载)致您一...
大家学习交流外挂app!欢乐碰... 大家学习交流外挂app!欢乐碰胡多功能外挂app,欢乐碰胡都是是有外挂app1、每一步都需要思考,不...
玩家必看教程辅助技巧!中至汾阳... 玩家必看教程辅助技巧!中至汾阳麻将多功能辅助技巧,中至汾阳麻将一直是有辅助技巧小薇(辅助器软件下载)...
教程辅助作弊器app!咔遛游戏... 教程辅助作弊器app!咔遛游戏多功能作弊器app,咔遛游戏一贯存在有作弊器app一、咔遛游戏游戏安装...
科技通报作弊器软件!对战互娱多... 科技通报作弊器软件!对战互娱多功能作弊器软件,对战互娱都是有作弊器软件1、每一步都需要思考,不同水平...