6

I am using <clr-icon shape=""/>. I would like to make its shape dynamic. If I specify <clr-icon [shape]="shapeValue"/> it throws an error shape is not a known property of clr-icon

Ruan Mendes
  • 90,375
  • 31
  • 153
  • 217

1 Answers1

8

This is not really a function of clarity, it's because the component clr-icon makes use of the shape HTML attribute without declaring it an @Input (it's not an angular component, it's a WebComponent)

To be able to set an HTML attribute dynamically, you have to use a special format, [attr.shape] so that Angular will not look for an @Input property.

See https://plnkr.co/edit/8qepCA9kgaQejzwXdp5H?p=preview

Ruan Mendes
  • 90,375
  • 31
  • 153
  • 217