AngularJS와 - 할당 DIV 나는 데이터의 무리를 던졌습니다 간단한 NG 반복이

Question

NG 반복의 값을 기준으로 폭 :

Pete 
25 
Adam 
43 
Lewis 
19 

:

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

같은 뭔가를 던질 것이다 어떤

값에 따라 내 DIV에 CSS 속성을 추가 할 수 있습니까 {{data.Age}}

그래서 나이가 25 인 경우 내 DIV의 너비는 25 % 여야합니다.

나는 시도했다 :

Plunkr와

업데이트 실패

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

: 폭에 쓰기

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

Answer 1

를 사용하여 일반 스타일 속성을하고 :

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

Answer 2

이 확실히 것

작동 :

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

예제 코드 : http://plnkr.co/edit/7aPwPnRvjtRY9H1aPNPG