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() 不会被调用。

相关内容

热门资讯

关于透视!wejoker手机版... 关于透视!wejoker手机版透视脚本,拱趴游戏破解器,技法教程(有挂技术)-哔哩哔哩关于透视!we...
关于透视!wpk安卓下载辅助,... 关于透视!wpk安卓下载辅助,sohoo竞技联盟辅助器,模板教程(有挂技巧)-哔哩哔哩sohoo竞技...
解迷透视!hhpkoer辅助挂... 解迷透视!hhpkoer辅助挂是真的吗,wepoker透视底牌脚本,策略教程(有挂方针)-哔哩哔哩1...
解谜透视!aapoker怎么选... 解谜透视!aapoker怎么选牌,德普辅助器怎么用,技法教程(有挂解惑)-哔哩哔哩1、德普辅助器怎么...
分享透视!wepoker如何设... 分享透视!wepoker如何设置透视,wepoker免费透视,攻略教程(有挂秘笈)-哔哩哔哩1、we...
有挂透视!wpk透视是真的假的... 有挂透视!wpk透视是真的假的,菠萝辅助器免费版的特点,烘培教程(有挂细节)-哔哩哔哩1、进入到菠萝...
教你透视!pokemmo辅助工... 教你透视!pokemmo辅助工具,wepoker有辅助器吗,窍要教程(真的有挂)-哔哩哔哩1、wep...
解谜透视!wepokerplu... 解谜透视!wepokerplus透视脚本免费,hhpoker辅助器,课程教程(有挂技巧)-哔哩哔哩1...
揭露透视!哈糖大菠萝攻略,hh... 揭露透视!哈糖大菠萝攻略,hhpoker是内部控制吗,教材教程(揭秘有挂)-哔哩哔哩1、操作简单,无...
教你透视!智星德州插件最新版本... 教你透视!智星德州插件最新版本更新内容详解,wepoker买钻石有用吗,手册教程(详细教程)-哔哩哔...