Angular变更检测执行异常与视图表达式顺序的关联问题

我在研究Angular变更检测周期时发现一个无法理解的现象，组件视图的两个版本呈现出截然不同的方法调用表现：

<!-- ver:1 call() 被调用3次 -->
<div>
  <p>call(); {{ call() }}</p>
  Name obtained from the API: <b>{{ data.name }}</b>
</div>

<!-- ver:2 call() 仅被调用1次 -->
<div>
  Name obtained from the API: <b>{{ data.name }}</b>
  <p>call(); {{ call() }}</p>
</div>

• 版本1里，call()方法总共执行3次，渲染顺序为：1. 执行call()方法；2. 渲染API返回的名称
• 版本2里，call()仅执行1次，渲染顺序为：1. 渲染API返回的名称；2. 执行call()方法

我怀疑该现象和Angular的zone.js分支版本有关，但在Angular官方仓库中没有找到相关解释。

内容的提问来源于stack exchange，提问作者Boyan Stoyanov