前台jsp

<td class="no-padding">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                     aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                     ng-style="x.numColor"
                                                     style="background-color: #f8ac59;">
                                                    <input ng-model="x.quantity" class="td-inner-input"
                                                           style="width:80px;color:rgb(103,106,147)"
                                                           ng-change="changeQuantity(x)" maxlength="13"/>
                                                </div>
                                        </td>

后台js

$scope.changeQuantity = function (x) {
                num = (((x.quantity / x.openQty) * 100) > 100 ? 100 : ((x.quantity / x.openQty) * 100)) + "%";
                x.numColor = {'width': num ,'background-color':'#f8ac59'};
            }



比较好的IT学习资讯类网站!http://hongsehuoxian.com
看到这里如果这篇文章真的帮到你了,不妨打赏一下哦!

以上就是红色火线JAVA加油站整理的关于angularJs+bootStrap实现改变input框修改input背景色或者进度条效果的文章,
希望可以帮到你,如果你有不同的见解可以留言指正哦,避免让别的java小伙伴在走挫折路。
如何监听angularjs列表数据是否渲染完毕
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

支付宝

微信