I want to bind a variable to an attribute value, something like this:
I tried to use Angular syntax too, but it didn't work. Is this possible?
Edit: this is a card component, it doesn't have class list available (which btw would be nice to have).
Yes, this is possible. Your setup renders the following Angular:
<rz-card #card0 fade="{{Fade}}">
</rz-card>
Of course since there is no known attribute called "fade" Angular would throw an exception at runtime:
Can't bind to 'fade' since it isn't a known property of 'rz-card'.
1. If 'rz-card' is an Angular component and it has 'fade' input, then verify that it is part of this module.
If you want to set the class fade based on a boolean property you should use the Angular syntax:
Which renders
<rz-card #card0 [class.fade]="Fade">
</rz-card>
1 Like