javascript - 使用 ng-click 更改列表项事件 bg-color

Question

我对这个问题有点迷茫。

当我点击 - a href 标签时 - 我希望 li 事件背景颜色更改为我存储在每个对象中的特定颜色 - 就像这样 obj.color"= #5c6bc0 .

<li ng-repeat="obj in tags" ng-class="{active: obj.id == tagStates.activeItemID}">
     <a href ng-click="tagStates.activeItemID = obj.id;">
          {{obj.name}}
     </a>
</li>

我该怎么做？我尝试过使用 ng-style - ng-style="{'active':'background-color': obj.color} 但那没有用。

谢谢

Answer 1

你可以做类似的事情

<li ng-repeat="obj in tags" ng-class="{active: obj.id == tagStates.activeItemID}" ng-style={backgroundColor: obj.id == tagStates.activeItemID ? obj.color : ''}">
    <a href ng-click="tagStates.activeItemID = obj.id;">
        {{obj.name}}
     </a>
</li>