Question

我试图将三元条件添加到图标类型shape的{{1}}中-在shape="success-standard"中，我试图为图标类型添加条件。并且使用[shape]指令不起作用

shape="name.active ? 'success-standard' : 'times-circle'"

通常情况下，我会这样，但这并不是我想要的

<clr-dg-row class="man-rcs" *ngFor="let name of visibleNames">
  <clr-dg-cell (click)="handleRowClick(name)" class="tac">
    <clr-icon size="18" shape="name.active ? 'success-standard' : 'times-circle'">
    </clr-icon>
  </clr-dg-cell>
</clr-dg-row>

Answer 1

您需要像这样绑定到shape属性。图标是我们的Web组件，因此您必须使用这种不同的方法。

[attr.shape]=“name.active ? ‘success-standard’ : ‘times-circle’”

有关详细信息，请参见How can I dynamically change the shape of a clr-icon custom element?。

Answer 2

在下面尝试此代码

<clr-icon size="18" shape="{{name.active == true ? 'success-standard' : 'times-circle'}}">

或

<clr-icon size="18" shape="(name?.active == true ? 'success-standard' : 'times-circle')">

希望第一个代码有效

形状属性上的三元运算符不起作用

2 个答案: