2015-07-22 61 views
4

我已经建立在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

,所以我想我的服装CSS类.btn.activeother使用设置ng-class 与逻辑性,比如,如果选择的项目分数是一样的正常的我想.btn.activeother被应用,而不是默认的BTN活跃

所以请帮我解决这个问题 目前我的NG-类不处理这请让我知道什么是正确的?

+0

请张贴selectedItem属性也..因为它目前尚不清楚,从那里越来越值 –

回答

1

Initaially定义的类.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> 
+0

感谢它的工作 – ksk