markForCheck（）和detectChanges（）有什么区别

Question

我只找到了关于ngzone.run()之间差异的信息，但没有找到这两个函数之间的差异。

对于只引用文档的答案，请举例说明一些实际情况，以选择其中一个而不是另一个。

Answer 1

detectChanges（）：void

检查更改检测器及其子级。

这意味着，如果您的模型（您的类）中的任何东西发生了变化，但它没有反映视图，那么您可能需要通知Angular来检测这些变化（检测局部变化）并更新视图。

 someFunctionThatIsRunByAThirdPartyCode(){
     yourModel.text = "new text";
 }

 myFunction(){
   someFunctionThatIsRunByAThirdPartyCode();

   // Let's detect the changes that above function made to the model which Angular is not aware of.
    this.cd.detectChanges();
 }

注：

还有其他方法使上述工作，换句话说，还有其他方法在角变化循环中带来这种变化。

**您可以将该第三方函数包装在一个区域内。运行：

 myFunction(){
   this.zone.run(this.someFunctionThatIsRunByAThirdPartyCode);
 }

myFunction(){
   setTimeout(this.someFunctionThatIsRunByAThirdPartyCode,0);
 }

您肯定会遇到这个错误：P。

有几种方法可以修复它：

1-正确的方式：确保更新在变更检测周期内(Angular2更新是单向流，只发生一次，之后不要更新模型，并将代码移动到更好的地方/时间）。

markForCheck() : void

当组件的ChangeDetectionStrategy是OnPush时，这是最需要的。

OnPush本身意味着，只有在发生以下任何情况时才运行更改检测：

1-组件的一个@inputs已经被一个新值完全替换，或者简单地说，如果@input属性的引用已经完全改变的话。

   var obj = {
     name:'Milad'
   };

  obj.name = "a new name";

在这种情况下，您必须手动告诉Angular检查和更新视图（markForCheck）；

所以如果你这么做了：

  obj.name = "a new name";

您需要这样做：

  this.cd.markForCheck();

    obj = {
      name:"a new name"
    };

null

所以简而言之：

>

使用detectchanges()，当您在angular运行它的变更检测之后更新了模型，或者更新根本不在angular世界中。

如果您正在使用OnPush，并且通过更改一些数据绕过了ChangedetectionStrategy，或者在settimeout中更新了模型，请使用MarkforCheck()；