Angular 5花括号问题

Question

将我的应用程序从角度v2升级到v5后，我遇到了一些模板花括号的奇怪行为。如果模板元素使用花括号 - 没有任何控制台错误就会显示任何内容。例如：

<span>{{ 1 + 1 }}</span>
<span>{{ 'Test' }} test</span>
<span>Test</span>

将被渲染

<span></span>
<span></span>
<span>Test</span>

控制台中没有错误，并且（点击）绑定的现有组件功能完全正常。我真的很感激一些提示或方向 - 什么可能导致这种行为

一些想法：我猜它与路由器插座有关，导致组件外部，模板呈现如预期

---

更新：我不知道究竟是什么问题，但它肯定与角度路由器有关。我提出了两个可能的解决方案：1）将角度降级到v 4.1 2）将this.router.navigate方法包装到this._ngZone.run（（）=> {}）所以当使用时

this._ngZone.run(() => { this.router.navigate(['/app']) });

模板按预期呈现。知道原始代码有什么问题仍然很棒。

Answer 1

我尝试这个代码并获得完美的输出。

2 Test test Test