Angular ngStyle - связывание динамических и статических атрибутов CSS

Question

Я пытаюсь объединить стили в одну [ngStyle] привязку, но в ней появляются ошибки шаблона.

Вот рабочая версия, отдельные стили:

 <i [ngStyle]="{'background-color':getColorInitials(dataItem)}" 
                        style= "display: inline-flex; 
                                height: 30px; 
                                width: 30px;
                                border-radius: 50%;
                                border: white; 
                                border-style: solid; 
                                border-width: 1px;" >

Однакоэто приводит к ошибкам шаблона.Можно ли это сделать?

    <i [ngStyle]="{ 'background-color':getColorInitials(dataItem),
                                    'display': 'inline-flex',
                                    'height': '30px',
                                    'width': '30px',
                                    'border-radius': '50%'',
                                    'border': 'white',
                                    'border-style': 'solid',
                                    'border-width': '1px' }" >

спасибо

Answer 1

используйте borderRadius вместо border-radius и то же самое для других стилей переноса.