htmlangulartagshtml-tag-details

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"

Thanks!

Solution

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

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