не удалось добавить стиль тени блока для элемента в angular5

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`