Question

我有一个项目列表，我正在使用单选按钮填充它。现在，我想在单击关联的单选按钮时使用ng-class将项目的边框颜色更改为红色。这部分实际上是有效的。但是，当我单击另一个项目的单选按钮时，不会取消选择先前单击的项目边框。

.selected{
    border-color:red;
}
.unselected{
    border-color:white;
}

<input type="radio" name="clients" value="even" ng-click="selectClient(x)" ng-model="x.isSelected">

<span class="split bqm-focus" ng-class="{selected:x.isSelected,unselected:!x.isSelected}">
    <img ng-src="data:image/JPEG;base64,{{x.LogoSmall}} "  />
</span>

Answer 1

尝试使用

 ng-class="{x.isSelected? 'selected': 'unselected'}"

或者在你的情况下

 ng-class="{ 'selected': x.isSelected, 'unselected': !x.isSelected  }"

如何在AngularJS中使用ng-class设置bordercolor？

1 个答案: