如何设置clr-icon的形状属性

Jua*_*des 6 clarity vmware-clarity

我在用<clr-icon shape=""/>.我想让它shape充满活力.如果我指定<clr-icon [shape]="shapeValue"/>它抛出错误形状不是已知的属性clr-icon

Jua*_*des 6

这实际上不是清晰度的函数,因为组件clr-icon使用形状HTML属性而不声明它@Input(它不是角度组件,它是WebComponent)

为了能够动态设置HTML属性,您必须使用特殊格式,[attr.shape]以便Angular不会查找@Input属性.

请参阅https://plnkr.co/edit/8qepCA9kgaQejzwXdp5H?p=preview