【问题标题】:How to use max value attribute using angularjs uib-progressbar?如何使用 angularjs uib-progressbar 使用最大值属性?
【发布时间】:2016-08-17 14:57:31
【问题描述】:

我想将最大值设置为 200 个计数,当我收到消息时,它应该在进度条中显示当前消息计数,当我发送一条消息时,使用下面的代码整个进度条显示 100%,并且它还在进度条中显示文本。有什么想法吗?

main.html

<uib-progress><uib-bar ng-repeat="bar in event track by $index" max="max" value="bar"><span ng-hide="bar < 5">{{bar}}%</span></uib-bar></uib-progress>

ctrl.js

$scope.max = 200;
$scope.event = ["lorem ipsum","lorem ipsum","lorem ipsum"]

【问题讨论】:

    标签: javascript html angularjs progress-bar angular-ui-bootstrap


    【解决方案1】:

    使用这个 max="{{max}}"

    <uib-progress><uib-bar ng-repeat="bar in event track by $index" max="{{max}}" value="bar"><span ng-hide="bar < 5">{{bar}}%</span></uib-bar></uib-progress>
    

    【讨论】:

    • 谢谢,但您的解决方案不起作用,它还在进度条中显示文本,不知道为什么。
    • 如果我删除了 ng-repeat 并设置不同的配置,它会起作用,谢谢
    猜你喜欢
    • 1970-01-01
    • 2013-09-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-13
    • 1970-01-01
    • 1970-01-01
    • 2010-10-29
    相关资源
    最近更新 更多