c# - 如何在 AngularJS 中使用 ng-class 设置边框颜色？

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  }"