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、下载...
透视模块!pokemomo辅助... 透视模块!pokemomo辅助工具(WePoKer机器人)一贯是真的有辅助神器(哔哩哔哩)pokem...
透视ai!微乐小程序黑科技,微... 透视ai!微乐小程序黑科技,微乐自建房插件免费软件(透视)好像是有辅助工具(哔哩哔哩)该软件可以轻松...
透视秘籍!hhpoker有没有... 透视秘籍!hhpoker有没有作必弊挂(WePoKer规律)一直是真的有辅助技巧(哔哩哔哩);1、全...
为切实保障!微信微乐游戏辅助脚... 为切实保障!微信微乐游戏辅助脚本,微乐四川麻将辅助器(透视)一贯是真的辅助攻略(哔哩哔哩);1、下载...
透视绝活!wpk透视工作室(H... 透视绝活!wpk透视工作室(HHpoker免费)切实是有辅助方法(哔哩哔哩);1、下载好wpk透视工...
2026版教程!微乐小程序免费... 2026版教程!微乐小程序免费黑科技,手机微乐小程序破解器(透视)其实存在有辅助器(哔哩哔哩)亲,关...
透视课程!aa poker辅助... 透视课程!aa poker辅助(WePoKer养号)竟然真的有辅助工具(哔哩哔哩)aa poker辅...
2026版教学!微乐小程序免费... 2026版教学!微乐小程序免费黑科技,微信微乐小程序辅助器免费安装(透视)本来是有辅助脚本(哔哩哔哩...
透视项目!哈糖大菠萝攻略(We... 透视项目!哈糖大菠萝攻略(WePoKer内容)好像真的有辅助神器(哔哩哔哩);1、玩家可以在哈糖大菠...