angularjs - AngularJS - 根据 ng-repeat 中的值为 DIV 分配宽度

Question

我有一个简单的 ng-repeat 会抛出一堆数据：

<div ng-repeat="data in myData" class="myClass">
    {{data.Name}}
    {{data.Age}}
</div>

这会抛出类似的东西：

Pete
25
Adam
43
Lewis
19

如何根据中的值将 CSS 属性添加到我的 DIV{{data.Age}}

所以，如果年龄是 25 岁，我的 DIV 应该有 25% 的宽度。

我试过了：

<div ng-repeat="data in myData" ng-style="{width: data.Age +'%'}">
    {{data.Name}}
    {{data.Age}}
</div>

哪个失败了

使用 Plunkr 更新：

score 1 · Accepted Answer

使用常规样式属性并写入宽度：

<div ng-repeat="data in myData" style="width: {{data.Age}}%;">

score 0 · Accepted Answer

这肯定会奏效：

<div ng-repeat="data in myData" ng-style="{width: data.Age+'%'}">

2 回答 2