Javascript 使用角度范围值设置div的样式

我有一个水平div来显示一些活动的百分比。我有一个宽度为100%的外部div和一个内部div。我必须根据从控制器获得的百分比值，用背景色填充内部div，但我的问题是百分比值在

$scope

可变百分比中

我的代码如下：

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

---

{{percentage}}

是我的范围值。但是上面的代码不能正常工作，所以我需要的是，我必须使用scope value为div设置样式。plz help

您可以使用

ng style=“{'width'：width}

在控制器中：

$scope.width = '50%';

---

您可以使用

ng style=“{'width'：width}

在控制器中：

$scope.width = '50%';

---

您的代码可以在没有

ng style

的情况下工作，但是您需要删除单个引号（

'width'：{{percentage}}

到

width:{{percentage}}

），并在变量末尾添加

px

angular.module（'app'，[]）。
控制器（'ctrl'，函数（$scope）{
$scope.percentage='20%'；
});
.outerDiv{
高度：100px；
背景：灰色；
}
.innerDiv{
身高：100%；
背景：蓝色；
宽度：0；
}

您的代码可以在没有
ng样式的情况下工作，但是您需要删除单引号（
'width'：{{percentage}
到
width:{{percentage}
），并在变量末尾添加
px


angular.module（'app'，[]）。
控制器（'ctrl'，函数（$scope）{
$scope.percentage='20%'；
});
.outerDiv{
高度：100px；
背景：灰色；
}
.innerDiv{
身高：100%；
背景：蓝色；
宽度：0；
}

试试这个
ng style=“{'width'：percentage}”
试试这个
ng style=“{'width'：percentage}”