angular4中的style.border错误

Question

我正在使用角度4，当我使用它时：

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

我有以下错误：

 EmpleadoComponent.html:6 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': '[style.border' is not a valid attribute name

我导入了这个：     从＆＃39; @ angular / forms＆＃39;中导入{FormsModule};     从＆＃39; @ angular / http＆＃39;;

导入{HttpModule}

我已经在app.modules.ts上完成了它并没有用，为什么？感谢

Answer 1

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

store

Answer 2

使用它的正确方法是

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

您必须在组件中添加this.color_seleccionado = 'red'。

此外，最好使用ngStyle为您的组件添加样式。