How to create directive that sets styles on ion-components


#1

What I’d like to do, is set the following options:

    [style.background-repeat]="'no-repeat'" 
    [style.background-size]="'cover'" 
    [style.background-image]="(style|async)?.backgroundImage"
    [style.color]="(style|async)?.textColor"

but avoid cluttering all my html files.
I’ve tried making a component, but this results in bad rendering because components has their own tags outside of the ion-components.

Is there any way to set these attributes in a directive that will work on <Ion-Components> ?

like <ion-content myContentAttribute="style"></ion-content>?