Javascript ngStyle ANGLARJS put变量属性

我需要使用uikit创建一个progressbar。根据uikit，其工作原理如下：

<div class="uk-progress">
    <div class="uk-progress-bar" style="width: 40%;">40%</div>
</div>

条的“样式”决定了它在html中的宽度。。是否可以使用ng样式的angular具有动态宽度？我试过：

<div class="uk-progress">
        <div class="uk-progress-bar" ng-style="{{getPercentage()}}">40%</div>
    </div>

40%

但这不管用。谢谢

40%
<div class="uk-progress-bar" ng-style="getPercentage()">40%</div>

---

ngStyle应该是动态的，它的属性是一个表达式（您可能需要将它放在单引号中，使其成为静态字符串）。否则将使用样式。

ngStyle

不需要

{{}

您可以尝试一下：

angular.module（'app'，[]）
.controller（'testController'，函数（$scope）{
$scope.test={color:“red”}
})

{{test}}

保存作用域上的动态样式如何

$scope.progressBarWidth = getPercentage();

并沿下载进度或触发进度条移动的任何内容进行更新，并将其环绕在

$asyncEval

$scope.$evalAsync(function() {
   $scope.progressBarWidth = getPercentage();
});

这样它将更新进度条。 你的HTML看起来是这样的

<div class="uk-progress-bar" ng-style="progressBarWidth">40%</div>

40%

这样我就有了：$scope.$asyncEval不是一个函数。。许多javascript错误，请尝试使用

$scope.$evalAsync

我总是混合使用这一错误，但不起作用。。这就是我现在所做的，而且似乎有效：。。第一次它工作，但如果我再次做同样的操作，进度条从100%开始回到60%（例如）…这很奇怪，嗯，有线，如果你想你可以粘贴你的代码到，我可以看看

<div class="uk-progress-bar" ng-style="progressBarWidth">40%</div>