样式.角度中的边框错误4.

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

我已经导入了这个： 从"@angular/forms"导入{表单模块}; 从 '@angular/http' 导入 {HttpModule};

我已经在app.modules.ts上完成了它，但它不起作用，为什么？谢谢

Answer 1

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

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

Answer 2

正确的使用方法是

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

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

此外，最好使用 ngStyle 向组件添加样式。