角度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%; 

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"

これが行います境界線の色が動的に変化します。これが何らかの形であなたを助けてくれることを願っていますありがとう