Looks like [class] property doesn't work

i tried to use it like <svg-icon name='travel' [svgStyle]="{ 'width.px':22, 'height.px':22 }" [class]="'test-class'"></svg-icon>

and i can’t see test-class on the svg-icon compoent.

but with normal class like class=“test-class” it works

maybe it’s because https://github.com/czeckd/angular-svg-icon/blob/4f6319ec165a293f387aa2a3c5d4632d7017dd01/projects/angular-svg-icon/src/lib/svg-icon.component.ts#L83

or i did something wrong?

[czeckd]

@Andikki - Thanks! That was the clue I needed. A new version should be available shortly that hopefully will resolve this interpolated class issue on svg-icon.

[Andikki]

I see. The code where class broke uses interpolation, like so:

<svg-icon src="./assets/some-icon.svg" class="icon--{{someCalculatedValue}}"></svg-icon>

In this case, with someCalculatedValue resolving to 1, I should see the class icon--1 on the <svg-icon>, but it doesn’t happen.

I now see that simple cases with no interpolation work as intended.