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

【问题标题】：AngularJS - Assign DIV a Width Based on values in ng-repeatAngularJS - 根据 ng-repeat 中的值为 DIV 分配宽度
【发布时间】：2014-12-19 02:34:54
【问题描述】：

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

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

这会抛出类似的东西：

Pete
25
Adam
43
Lewis
19

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

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

我试过了：

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

失败了

使用 Plunkr 更新：

http://plnkr.co/edit/HdyDByoZ2aR1Ajsf2eFQ?p=preview

【问题讨论】：

标签： angularjs angularjs-scope angularjs-ng-repeat ng-class ng-style

【解决方案1】：

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

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

【讨论】：

在这里尝试了您的建议：plnkr.co/edit/HdyDByoZ2aR1Ajsf2eFQ?p=preview 无效。
@OamPsy -- 元素正在应用样式，只是没有达到预期的效果。

【解决方案2】：

这肯定行得通：

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

示例代码：http://plnkr.co/edit/7aPwPnRvjtRY9H1aPNPG

【讨论】：