Javascript 如何在角度模板的CSS属性中压缩字符串值

我有一个CSS属性值对，如下所示：

style="width:60%"

这个很好用。但当我试着在ng的内部找到类似的东西时，重复：

               <tbody ng-show="!vm.loading">
                    <tr ng-repeat="item in vm.currentBatches.items | orderBy: vm.sortBy.current_batch">


                        <td class="table-text" ng-show="!item.showRefreshForApiLoading">


                                <div class="progress progress-medium" ng-show="item.batch_status==='in progress'">
                                    <div class="progress-inner">
                                        <div class="segment" style="'width: "+item.succeeded_time_pct+"%">
                                        <div class="bar status-ok bar-striped"></div>
                                        </div>
                                    </div>
                                </div>
                                <span class="progress-label status-ok" ng-show="item.batch_status==='in progress' && item.progressFlag !== 'NA'">In Progress</span>

这表示所需的

CSS属性值

我做错了什么？

您可以使用以下方法修复它：

ng style是angular提供的动态应用样式属性的指令

参考：

您也可以尝试：

<div class="segment" style="width: {{item.succeeded_time_pct}}%">

---

但是我推荐使用ng类或ng风格，就像其他人所说的。

我认为你应该看看

ng类

（）指令。它失败了。表达式的意外结尾：{'width'：item.successed_-time_-pct+

ng style=“{'width'：item.successed_-time_-pct+'%}”

能否检查引号是否与答案匹配？更新答案@struglingcoder，请检查“%”是否应为“%”

<div class="segment" style="width: {{item.succeeded_time_pct}}%">