Ошибка типа: str.replace не является функцией (Angular 2 Universal)

Question

Я использую Angular 2 Universal.

У меня есть эта строка в части HTML:

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

Он отлично работает на стороне клиента, но показывает эту ошибку в терминале (из-за рендеринга сервера) при загрузке страницы:

Ошибка при визуализации документа: TypeError: str.replace не является функцией

Answer 1

Одно решение обхода использует *ngIf вместо [hidden]:

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

Это может избавиться от

Ошибка при визуализации документа: TypeError: str.replace не является функцией

когда сервер рендерит.

---

Кстати, я был бы рад принять другой ответ, если кто-то может найти способ, используя [hidden] без ошибок.