0

大量のデータをスローする単純な ng-repeat があります。

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

次のようなものがスローされます。

Pete
25
Adam
43
Lewis
19

の値に基づいて DIV に CSS プロパティを追加するにはどうすればよいですか?{{data.Age}}

したがって、年齢が 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

4

2 に答える 2