Question

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

在这种情况下，范围变量是 {{jobSingle.UserFit.Summary.score}} ，它采用 -1 （未知时）或<的值strong> 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＆gt;时，该类未正确填充。 -1

当我在Developer Console中检查元素时，代码就是这样显示的。

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

为该范围呈现的类是“fit-score- null ”。

其他一些背景信息：

当我使用本地定义的模拟数据时，上面的代码 用于工作 。

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

除上述之外的所有其他数据都完美呈现。

我做错了吗？非常感谢提前。

Answer 1

你不应该在角度版本属性中评估（使用{{和}}），因为它已经评估了价值 - 就像你写的“适合得分”一样 - ＆＃39;它已经将它评估成一个字符串。试试这个

ng-class="{true : 'fit-score-' + (jobSingle.UserFit.Summary.score * 10), false : ...

ng-class类名，包含呈现为null的范围变量

1 个答案: