Angular | Add dynamic html property to childcomponent

I want to add a dynamic html property to my childcomponent in the html, like hits:

<child-component test={{ variable }}></child.component>

I dont want to use it as an input just need it in the html for testing.
I tried the above but when i do this I get an error:

"Can't bind to 'test' since it isn't a known property"

Is there a good solution for this?

Thx!

>Solution :

You can make use of attr to just create a attribute!

<child-component [attr.test]="variable"></child.component>