Angular 8, Angular Flex Layout: this._delegate.setClass is not a function

Question

Updating to Angular 8, all my code that uses angular flex and has ngClass is broken:

<div class="pages-container"
       [ngClass.lt-md]="{'mobile-no-padding': true}">
    <router-outlet></router-outlet>
  </div>

returns an error upon rendering: ERROR TypeError: this._delegate.setClass is not a function

Was only able to resolve this by removing the dynamic responsive suffix ([ngClass]="{'mobile-no-padding': true}) but that's a big stepback...

Answer 1

I had the same issue with ngClass after the update to angular version 8. After updating @angular/flex-layout to version ^8.0.0-beta.26 the issue was gone.

Answer 2

Maybe if you reinstall your flex layout this'll get fixed

npm i @angular/flex-layout --save