条件式
Conditional ng-style
我正在尝试根据条件更改边框。我没有任何错误，但它不起作用。
<span ng-style="{{thumb.Selected}} ? {'border' : 'red'}:{'border' : 'black'}" style="display:block; border:solid 1px black;" >
您不需要将条件放在花括号中。至于这里的 ng-style，我的理解是你正在替换应用于此元素的样式的边框 属性。
此外，如果您尝试更改边框，我认为 border: red 或 border:black 不是有效的 css 语句。解决这个问题的一种方法是这样写
<span ng-style="thumb.selected ? {'border-color': 'red'} : {}"
style="border:1px solid black">Your text here </span>
你可能想看看 ng-style and css border property
我正在尝试根据条件更改边框。我没有任何错误，但它不起作用。
<span ng-style="{{thumb.Selected}} ? {'border' : 'red'}:{'border' : 'black'}" style="display:block; border:solid 1px black;" >
您不需要将条件放在花括号中。至于这里的 ng-style，我的理解是你正在替换应用于此元素的样式的边框 属性。
此外，如果您尝试更改边框，我认为 border: red 或 border:black 不是有效的 css 语句。解决这个问题的一种方法是这样写
<span ng-style="thumb.selected ? {'border-color': 'red'} : {}"
style="border:1px solid black">Your text here </span>
你可能想看看 ng-style and css border property