javascript - angularJs ng-repeat出来的数据需要处理后再绑定到html页面

问题描述

问 题

 <div class="pro-list " ng-click="jump('/month')" ng-repeat="list in listBean">
                <div class="pro-title">
                    <div class="pro-name pull-left">{{list.borrowTitle}}</div>
                    <div class="pro-time pull-left text-center">锁定时间{{list.deadline}}个月</div>
                </div>
                <div class="pro-detail">
                    <div class="yrate pull-left">
                        <div class="content-title">年化率</div>
                        <div class="percent">{{list.annualRate}}<span class="simbol">%</span>-18<span class="simbol">%</span></div>
                    </div>
                    <div class="last pull-left text-center">
                        <div class="content-title">剩余份额</div>
                        **下面的list.surAmount和list.borrowAmount需要处理**
                        <div class="last-share">剩{{list.surAmount}}/{{list.borrowAmount}}</div>
                    </div>
                    <div class="buy-btn pull-right text-right">                       
                        <a ng-click="jump('/detail')" class="btn btn-lg btn-warning">购买</a>
                    </div>
                </div>
            </div>

上面代码中list.surAmount和list.borrowAmount是完整的number数字，我想将这两个改为>=10000则 显示：50.02万元这种，请问该怎么做？

解决方案

你可以写成

{{list.surAmount >= 10000 ? list.surAmount : ''}}

如果你想整个div判断显示隐藏的话，在父级div上加上ng-show或者ng-if吧

这篇关于javascript - angularJs ng-repeat出来的数据需要处理后再绑定到html页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！