Directives not working on sidebar


I’ve created a directive that will modify some css on any components it’s applied to.

I’m using a sidebar app, with a login page.

On my sidebar in app.html the directive does not work on the toolbar or other static content, but works on dynamicaly loaded content through ngFor and an API. Tried loading a separate header with ngIf after the API has loaded, but to no success.

On my home page, it works fine on all elements, static or dynamic.

My directives are in an NgModule, declared and exported. This is imported into my app.module.ts file.

Any help would be appreciated.