javascript如何根据值更改更改glyphicon

时间:2018-09-23 12:50:38

标签: javascript html angularjs glyphicons

我正在尝试执行最佳级别功能,当某个值在最佳范围内较高时,将显示一个向上箭头的字形图标,而当该值较低时,它将变为向下箭头的字形图标。

<div class="card-body" ng-repeat="item in resTemperature" ng-if="$last">
    <p>
        Temperature &emsp;<span class="text" style="font-weight: bold; font-size:150%" ng-repeat="i in item">{{i}} °C </span>                        
        <span class="glyphicon" style="font-size: 200%; float: right;">&#xe013;</span>
    </p>
</div>

具有硬编码值的采样结果: Sample result with hardcoded value

1 个答案:

答案 0 :(得分:0)

我将通过以下方式进行处理。 向您的div添加一个附加类,指示您的值是更高/更低/最优。 然后摆脱glyphicon的范围,将其替换为css伪元素。 即

How do i make it so that the string will return 'A-Bb-Cc-Dd'