Angular中iframe点击后如何避免不触发变更检测？

本文共计1538个文字，预计阅读时间需要7分钟。

这个问题很常见，当时觉得解决方法很简单，不用写博客记录。但现在遇到需要用这个方法的情况，感觉问题并不难，但写篇博客方便自己查找。

这个问题是上周的，当时觉得这个问题的解决办法太简单了，不用写博客记录，但是潘老师今天今天又遇到了需要使用这个的地方，感觉问题虽然不难，但是，写篇博客，方便自己查询，也给了其他人搜索到解决办法的机会。

问题描述

项目中使用到了ifame，理想状态是:当点击ifame中的按钮时，将会调用通过angular写的一个函数，函数将会修改一个ngif的判断条件，显示一个弹窗,

但现实是:当点击ifame中的按钮时，将会调用通过angular写的一个函数，函数将会修改一个ngif的判断条件,然后就没有然后了.

开始的时候自己直接懵了, 方法确实执行了, 但界面没修改, 问了问潘老师, 潘老师说看看生命周期函数是否执行了, 果然, 所有的生命周期函数都没有调用。

解决办法

既然生命周期函数没调用，我们让他调用不就行了，值已经变化了，但是界面不变化，说明，angular 不知道值变化了，所以我们可以让angular 主动进行变更检测，让它知道已经发生了变化。

对此我们可以使用 ChangeDetectorRef

变化监测类 - ChangeDetectorRef

Angular 在整个运行期间都会为每一个组件创建 ChangeDetectorRef 的实例，该实例提供了相关方法来手动管理变化监测。有了这个类，我们自己就可以自定义组件的变化监测策略了，如停止/启用变化监测或者按指定路径变化监测等等。