美文网首页
使用ng-repeat后 td同比需增加 ‘增’‘减’箭头

使用ng-repeat后 td同比需增加 ‘增’‘减’箭头

作者: 咏竹莉 | 来源:发表于2018-06-27 17:09 被阅读0次

html:

<tr ng-repeat="obj in rankList track by $index" ng-click="pageToElecAnalysis(obj.id)">

<td><i class="circle-store"></i><span>{{obj.leaserName}}</span></td>
<td>{{$index+1}}</td>
<td>{{obj.totleTagNames}}</td>
<td width="15%" ng-bind-html="translateValue(obj.tate)"></td>
</tr>

js:

// 翻译同比:

$scope.translateValue = function (value) {
var temp = value;
var html = value;
value = value.substring(0, value.length - 1);
if ((value * 1) > 0) {
html = '<div class="percent"> <i class="allIcon-tslTen rise"></i> <p>' + temp + '</p></div>'
} else if ((value * 1) < 0) {
html = '<div class="percent"> <i class="allIcon-tslTen reduce"></i> <p>' + temp + '</p></div>'
}
return $sce.trustAsHtml(html);
}

  • value = value.substring(0, value.length - 1); 指截取字符串 取从0开始到最后一个之前
  • value * 1 表示把获取的内容转换成文字

相关文章

网友评论

      本文标题:使用ng-repeat后 td同比需增加 ‘增’‘减’箭头

      本文链接:https://www.haomeiwen.com/subject/couchftx.html