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

相关内容

热门资讯

玩家攻略推荐辅助器!乐天棋牌辅... 玩家攻略推荐辅助器!乐天棋牌辅助器AI技巧,乐天棋牌多功能果然是有辅助器技巧1、每一步都需要思考,不...
必备攻略开挂!河洛杠次开挂AI... 必备攻略开挂!河洛杠次开挂AI工具,河洛杠次多功能都是是有开挂工具1、河洛杠次免费脚本咨询教程、河洛...
总算明白辅助器!友空互娱辅助器... 总算明白辅助器!友空互娱辅助器AI方法,友空互娱多功能竟然真的有辅助器方法1、点击下载安装,友空互娱...
玩家必看科普外挂!91y捕鱼外... 玩家必看科普外挂!91y捕鱼外挂AIapp,91y捕鱼多功能本来有外挂app1、金币登录送、破产送、...
新手必备辅助!乐天棋牌辅助AI... 新手必备辅助!乐天棋牌辅助AI技巧,乐天棋牌多功能果然真的是有辅助技巧1、不需要AI权限,帮助你快速...
推荐一款外挂!联众娱乐外挂AI... 推荐一款外挂!联众娱乐外挂AI技巧,联众娱乐多功能果然是真的有外挂技巧1、超多福利:超高返利,海量正...
玩家必备教程开挂!八戒开挂AI... 玩家必备教程开挂!八戒开挂AI软件,八戒多功能好像是真的有开挂软件一、八戒可以开透视的定义与意义1、...
揭秘攻略辅助!开心跑得快辅助A... 揭秘攻略辅助!开心跑得快辅助AI软件,开心跑得快多功能一贯有辅助软件1、游戏颠覆性的策略玩法,独创攻...
一分钟了解透视器!天天卡五星透... 一分钟了解透视器!天天卡五星透视器AI攻略,天天卡五星多功能本来是真的有透视器攻略暗藏猫腻,小编详细...
实测分享开挂!新爵互娱开挂AI... 实测分享开挂!新爵互娱开挂AI技巧,新爵互娱多功能原来真的是有开挂技巧1)新爵互娱辅助插件:进一步探...