Angular 4：让child影响父模板而不使用ExpressionChangedAfterItHasBeenCheckedError

Question

我的AppComponent中有一个简单的模板，它通过路由器加载内容， 并根据加载到<router-outlet>的内容提供可选的页脚。 页面布局取决于此顶级模板其余部分中css类之间的交互，因此它们需要保持在一起。

<div class='fullPageContent'>
    <router-outlet autoscroll></router-outlet>
    <div class='stickyFooterPush'></div>
</div>
<last-revised *ngIf="globalFlag" class='stickyFooter'></last-revised>

然而设置＆＃34;全局标志＆＃34;在路由到组件中导致可怕的 ExpressionChangedAfterItHasBeenCheckedError 。

那么，路由器放入<router-outlet> 合法地 的每个组件如何启用/禁用页脚？