javascript - AngularJS 中的进度处理程序

Question

我已经用纯 JavaScript 实现了一个进度处理程序，我想知道如何使用 Angular 数据绑定(bind)功能来实现相同的效果。

HTML

<div class="progress-bar"></div>

纯 JavaScript:

progressBar.style.width = progress + "%";

如何在 Angular 世界中翻译它，假设我已经实例化了一个 Angular 应用程序，并且我可以在 $scope 中设置变量

$scope.progress = progress;

我不清楚如何将其数据绑定(bind)到进度条(div)的宽度属性

Answer 1

您可以使用ngStyle。

 <div class="progress-bar" ng-style="{ 'width': progress + '%' }"></div>