Bind variable to attribute value

I want to bind a variable to an attribute value, something like this:
image

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