угловой 4.3 [style.box-shadow] или [style.boxShadow] не работает

Question

Я пытался применить этот код к div, и я не вижу никакого результата.

 [style.box-shadow]="'0px 0px 10.5px rgba(0, 0, 0, 0.3)'"

Все остальные свойства стиля отлично работают, например,

  [style.border], [style.color]="textColor" etc.

Что за хитрость?(

Answer 1

rgba() не работает с этой нотацией, но хэштег работает с ней как [style.box-shadow]="'0px 0px 10.5px #000'".

Если вам нужна нотация rgba(), используйте директиву NgStyle вместо нотации [style.prop].

<div [ngStyle]="{'box-shadow': '0px 0px 10.5px rgba(0, 0, 0, 0.3)'}"></div>