Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css ng类条件不起作用_Css_Angularjs_Typescript - Fatal编程技术网

Css ng类条件不起作用

Css ng类条件不起作用,css,angularjs,typescript,Css,Angularjs,Typescript,如果满足2个条件,则设置为active '{{ngModel}}'== '{{list.score}}' && '{{ngModel}}'== '2' 如果不满足此条件,则应用默认类 所以我面临的问题是,当我看到第一个条件得到满足时,它并没有像预期的那样显示输入输出,它仍然显示活动样式,即使正常的条件得到满足 请任何人帮我更正我的代码尝试删除'{{}' 例如 '{{ngModel}}'== '{{list.score}}' && '{{ngModel}}'!=

如果满足2个条件,则设置为active

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