有条件的 ng 风格

【问题标题】：Conditional ng-style有条件的 ng 风格
【发布时间】：2021-02-18 00:55:22
【问题描述】：

我正在尝试根据条件更改边框。我没有任何错误，但它不起作用。

<span   ng-style="{{thumb.Selected}} ? {'border' : 'red'}:{'border' : 'black'}" style="display:block; border:solid 1px black;"  >

【问题讨论】：

标签： angularjs

【解决方案1】：

您不需要将条件放在花括号中。至于这里的 ng-style，我理解的方式是您正在替换应用于此元素的样式的边框属性。

此外，如果您尝试更改边框，我认为边框：红色或边框：黑色不是有效的 css 语句。解决这个问题的一种方法是这样写

<span ng-style="thumb.selected ? {'border-color': 'red'} : {}" 
style="border:1px solid black">Your text here </span>

【讨论】：