javascript - 使用 Angular 范围值设置 div 的样式

Question

我有一个水平 div 来显示某些事件的百分比。我有一个 width=100% 的外部 div 和一个内部 div。我必须根据从 Controller 获得的百分比值用背景颜色填充内部 div，但我的问题是百分比值在 $scope 变量百分比中。

我的代码如下:

<div class="outerDiv">
<div class="innerDiv" style="'width':{{percentage}}"></div>

{{percentage}} 是我的范围值。但是上面的代码不能正常工作所以我的需要是，我必须使用范围值设置 div 的样式。plz 帮助

Answer 1

您可以使用 ng-style="{'width' : width}

在你的 Controller 中:

$scope.width = '50%';