Angular 5花括号问题

Question

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

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

将呈现给

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

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

一些想法：我猜它有点与路由器出口相关，导致组件外部，模板呈现为预期

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

时

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

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

Answer 1

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

2 Test test Test