Question

    <div class="vote-percent-container" flex layout="row">
        <div class="percent-red"  ng-style="'width: (vm.lcs.redVotes / vm.lcs.voteSum) * 100%'"></div>
        <div class="percent-blue" ng-style="'width: (vm.lcs.blueVotes / vm.lcs.voteSum) * 100%'"></div>
    </div>

如何将div的宽度设置为计算值，并将其设置为百分比。任何帮助将不胜感激

Answer 1

你将你的风格包裹在一个字符串中。它应该是一个对象，其中键作为CSS属性，值作为其值。另外，添加＆＃34;％＆＃34;在你完成计算实际数字之后。

试试这个：

<div class="percent-red" ng-style="{'width' : ((vm.lcs.redVotes / vm.lcs.voteSum) * 100 ) + '%'}" > </div>

查看here以获取更多文档。

将计算结果设置为ng-style标签Angular.js中的百分比

1 个答案: