My ng class is not working

Question

I built in Btn style, so I just want to customize it a bit as a new style, like

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

and want to use it like this:

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

So, here I will go through normalscoreas 2, and I have 3 elements, each of which contains the list rating as 1,2,3 and the list name as a, b, c

so I want my css class costume to .btn.activeotherbe installed using ng-class with such logic that if the selected item rating is the same as normal, I want to use .btn.active other instead of standard btn

so please help me in solving this problem currently my ng class doesn't handle this, please let me know what is correct?

Answer 1

.btn .activeother class

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