Css ng类条件不起作用
如果满足2个条件,则设置为activeCss ng类条件不起作用,css,angularjs,typescript,Css,Angularjs,Typescript,如果满足2个条件,则设置为active '{{ngModel}}'== '{{list.score}}' && '{{ngModel}}'== '2' 如果不满足此条件,则应用默认类 所以我面临的问题是,当我看到第一个条件得到满足时,它并没有像预期的那样显示输入输出,它仍然显示活动样式,即使正常的条件得到满足 请任何人帮我更正我的代码尝试删除'{{}' 例如 '{{ngModel}}'== '{{list.score}}' && '{{ngModel}}'!=
'{{ngModel}}'== '{{list.score}}' && '{{ngModel}}'== '2'
如果不满足此条件,则应用默认类
所以我面临的问题是,当我看到第一个条件得到满足时,它并没有像预期的那样显示输入输出,它仍然显示活动样式,即使正常的条件得到满足
请任何人帮我更正我的代码尝试删除
'{{}'
例如
'{{ngModel}}'== '{{list.score}}' && '{{ngModel}}'!= '2'
{{list.name}
注意ng model
和value
不适用于label
元素,因此我将其删除
希望能有所帮助。删除ng class语句中的花括号{{}},即使从我的代码中删除{{}后仍不起作用:(我希望默认情况下会应用类似的btn类,当用户单击任何项目时,如果它的分数不是2,那么应该是活动的,如果它的分数是2,那么应该是正常的。)come@jax现在,通过从我的代码中删除{{}}后仍无法运行的{{}来运行:(我希望在默认情况下应用BTN类,当用户点击任何项目时,如果它的分数不是2,那么活动就应该来,如果它的分数是2,那么正常就应该出现在<代码>标签> <代码>元素中,当然<>代码> ngMeuts不会改变。尝试考虑<代码> NG模型< /C>不适用于
标签
元素。好的,是的,我现在再试一次,工作正常,非常感谢您的建议:)
'{{ngModel}}'== '{{list.score}}' && '{{ngModel}}'!= '2'
<label class="btn"
ng-class="{'btn normal': ngModel == list.score && ngModel == '2',
'btn active': ngModel == list.score && ngModel != '2'}"
btn-radio="{{list.score}}">
{{list.name}}
</label>