css - 我的 Ng 类不工作

Question

我已经内置了 Btn 样式，所以我只想将其自定义为新样式

<style>
    .btn.activeother {
        color: #fff;
        background-color:Red;
    }
</style>

并想像这样使用它

       <div  class="btn-group col-md-10 segmented-label" >
       <label  ng-repeat="list in inputarray"  name="{{assessmenttype}}" 
       ng-model="$parent.selecteditem"  ng-class="{'btn activeother':selecteditem==list.score && selecteditem!= normalscore }"  btn-radio="{{list.score}}">{{list.name}}</label>
       </div>

所以在这里我将传递 normalscore 作为 2 并且我有 3 个元素，每个元素包含列表分数作为 1,2,3 和列表名称作为 a, b, c

所以我想使用 ng-class 设置我的服装 css 类 .btn.activeother逻辑是如果所选元素分数与正常分数相同，我希望应用 .btn.activeother 而不是默认 btn active

所以请帮我解决这个问题目前我的 ng-class 没有处理这个请告诉我什么是正确的？

Answer 1

最初定义类 .btn 并且只对 .activeother 类进行条件检查

<div  class="btn-group col-md-10 segmented-label" >
       <label  ng-repeat="list in inputarray"  name="{{assessmenttype}}" 
       ng-model="$parent.selecteditem" class="btn" ng-class="{'activeother':selecteditem ==list.score && selecteditem != normalscore }"  btn-radio="{{list.score}}">{{list.name}}</label>
       </div>