Css angular4中的style.border错误

Css angular4中的style.border错误,css,angular,Css,Angular,我正在使用angular 4,当我使用它时: <pre [style.border="color_seleccionado=='red' ? '5px solid black' :'1px solid white'"]> 我导入了以下内容: 从'@angular/forms'导入{FormsModule}; 从'@angular/http'导入{HttpModule} 我在app.modules.ts上做过,但不起作用,为什么?。谢谢正确的使用方法是 您必须在组件中添加this.

我正在使用angular 4,当我使用它时:

<pre [style.border="color_seleccionado=='red' ? '5px solid black' :'1px solid white'"]>
我导入了以下内容: 从'@angular/forms'导入{FormsModule}; 从'@angular/http'导入{HttpModule}


我在app.modules.ts上做过,但不起作用,为什么?。谢谢

正确的使用方法是

您必须在组件中添加
this.color\u seleccionado='red'


此外,最好使用它向组件添加样式。

正确的使用方法是

您必须在组件中添加
this.color\u seleccionado='red'


此外,最好使用它向组件添加样式。

括号应正确放置。 应该是这样的

[style.border]="color_seleccionado=='red' ? '5px solid black' :'1px solid white'"

支架应正确放置。 应该是这样的

[style.border]="color_seleccionado=='red' ? '5px solid black' :'1px solid white'"

在组件上,我有这样一个:this.color_seleccionado='#ccc';Sry,我没听清你想说什么。我所说的组件是指绑定到组件的类。好的,是的,这可以工作,但在js中指定样式并不好。您可以将类添加到css中,应用它并基于类添加边框。我希望您没有从服务器api中获得颜色;Sry,我没听清你想说什么。我所说的组件是指绑定到组件的类。好的,是的,这可以工作,但在js中指定样式并不好。您可以将类添加到css中,应用它并基于类添加边框。我希望您没有从服务器api中获得颜色。