TypeError: str.replace is not a function (Angular 2 Universal)

Question

我正在使用 Angular 2 Universal。

我在 html 部分有这一行：

<span [hidden]="!error">{{error}}</span>

它在客户端完美运行，但在 终端 页面加载时显示此错误（由于服务器渲染）：

Rendering Document Error: TypeError: str.replace is not a function

Answer 1

一个解决方案是使用 *ngIf 而不是 [hidden]:

<span *ngIf="!!error">{{error}}</span>

这个可以去掉

Rendering Document Error: TypeError: str.replace is not a function

当服务器呈现时。

---

顺便说一句，如果有人能找到使用 [hidden] 的方法而不会出错，我很乐意接受另一个答案。