угловой 2 встроенный стиль borderColor не работает

Question

Я пытаюсь изменить цвет рамки, но это не работает.

Существует мой код:

<div [style.backgroundColor]="item.color" [style.borderColor]="item.borderColor"> 

И в CSS

display: inline-block; 
    margin: 2px; 
    border:2px solid ;//red; 
    height:25px; 
    width:25px; 
     border-radius:50%; 
    -moz-border-radius:50%; 
    -webkit-border-radius:50%; 

The BackgroundColor работы, но границы нет. Пытаюсь также:

[ngStyle]="{border: '2px solid(' + item.borderColor + ')'}" 

Но никакого эффекта.

Answer 1

Вот какое-то решение, чтобы сделать границы цвет динамически изменен -> В файле TS писал:

get myStyles(): any { 
    let color = 'red'; 
     return { 
      'border':'1px', 
      'border-style': 'solid', 
      'border-color':this.dtService.border_color 
     }; 
    } 

Затем в HTML файл -> ngStyle = "myStyles"

Это сделает ваш цвет границы меняется динамически. Надеюсь, это поможет вам каким-то образом. Спасибо