Applying styling to component element

Hi there,

was hoping for a little in assistance in terms of the styling implementation.

in a login page, for example…I have a background error color to display based on the validity of the input field.

the component selector is page-login

and in login.scss I have a style as follow

page-login {   
    background-color :solid 1px $error-color;


however in the html file the style is not pulling through

 <ion-item [ngClass]="{'page-login.has-error': &&}">

I also tried without referencing page-login

<ion-item [ngClass]="{'has-error': &&}">

Even if I add the class directly class='has-error' it is not pulling through.

How would I do this correctly?


Did you ever find a fix for this?