美文网首页
使用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