ngClass has the wrong value while hydrating

This [ngClass] expression doesn't insert the class name into DOM when Angular starts hydrating (only after it's finished)

<div class="document-pane" [ngClass]="{'single-view-left': true}">


I confirmed this when I set a breakpoint in one of the child component's constructor, there's no class when I hit it. After hydrating finishes, class is there (in DOM).

Continue reading...