Question

我正在尝试在angular5中创建一个简单的应用程序。当用户按下按钮时，我试图添加/删除按钮元素的框阴影效果。

<div class="btnClutch" #clBtn [style.boxShadow]="clutchBtnShakeEffect  ? null : '0px 8px B73835'">
        <div class="clutchBtn"></div>
        <img src="/assets/clutchpng" class="btnClutchImg">
      </div>

我正在尝试以上述格式添加boxshadow效果，但是它不起作用。我错过了什么？

Answer 1

您需要在每次点击时切换 clutchBtnShakeEffect 标志，如下所示。

<div class="btnClutch" #clBtn 
     (click)="clutchBtnShakeEffect = !clutchBtnShakeEffect"
     [style.boxShadow]="clutchBtnShakeEffect ? null : '0px 8px B73835'">
    <div class="clutchBtn"></div>
    <img src="/assets/clutchpng" class="btnClutchImg">
</div>`enter code here`

无法将box shadow样式添加到angular5中的元素

1 个答案: