0

我有一个使用基于特定范围变量的类。

在这种情况下,范围变量是{{jobSingle.UserFit.Summary.score}},其取值为-1(当未知时)或0-10(当分数已知时)。

使用以下代码呈现跨度。

<span ng-class="{true: 'fit-score-{{jobSingle.UserFit.Summary.score * 10}}', false: 'fit-score-unknown'}[jobSingle.UserFit.Summary.score > -1]">
    [Content]
</span>

但是,当 jobSingle.UserFit.Summary.score > -1 时,该类未正确填充。

当我在开发者控制台中检查元素时,代码就是这样显示的。

<span class="fit-score-null" ng-class="{true: 'fit-score-70', false: 'fit-score-unknown'}[jobSingle.UserFit.Summary.score > -1]">
    [Content]
</span>

为 span 呈现的类是“fit-score- null ”。

其他一些背景信息:

当我使用本地定义的模拟数据时,上面的代码曾经可以工作。

但是,在将我的控制器切换为使用$http从 API 调用实时数据后,针对上述情况,我的类名中开始出现 null。

除上述数据外,所有其他数据均完美呈现。

难道我做错了什么?提前谢谢了。

4

1 回答 1

1

您不应该在角度版本属性中评估(使用 {{ 和 }}),因为它已经评估了该值 - 就像您编写的 'fit-score-' 一样,它已经将其评估为一个字符串。试试这个

ng-class="{true : 'fit-score-' + (jobSingle.UserFit.Summary.score * 10), false : ...
于 2014-05-30T08:41:43.103 回答