AngularJS ng-repeat 반복 횟수에 따른 반복 크기 설정

각 발생마다 div를 생성하는 ng-repeat가 있습니다. 전체 부모 요소를 통해 확산 될 크기를 동적으로 %로 설정하려고합니다.AngularJS ng-repeat 반복 횟수에 따른 반복 크기 설정

뭔가 같은 :

ng-repeat="widget in widgets" 
style="display:inline-block; 
     border:none;width:100/{{widgets.length}}%"

그리고 내 html로 그것을 할 싶어하지 JS에서

은 전혀 할 수 있습니까?

출처

2015-01-28 AlexD

은 위젯의 일부 가치에 맞는 스타일입니까? 내 말은 너비가 그것에 의존하는 것입니까? – Jan

사용 NG 스타일, ngStyle in angularjs

<div ng-repeat="widget in widgets" > 
<span ng-style="{display:'inline-block', 
     border:'none', width:100/widgets.length+'%'}" </span> 
</div>

상세 설명 : ng-style in stackoverflow

업데이트 :

<img src="http://www.gettyimages.in/CMS/StaticContent/1391099215267_hero2.jpg" ng-style="{width: item.value+'%'}" >

첫 번째 체크 상자를 선택하고 이미지에 적용 스타일을 참조하십시오 Fiddle Example

출처

2015-01-28 10:34:31 Jan

감사합니다. 그래도이 프로그램을 실행하는 데 어려움을 겪고 있습니다. 오류나 무언가를 평가합니다. 변경하려고 시도 : ng-style = "{ 'display': '인라인 블록', '테두리': '없음', '너비': 100/{{widgets.length}} + '%'} " 각도가 angle 대신에 예상됩니다. 하지만 여전히 아무것도. 아이디어가 있으십니까? – AlexD

업데이트를 확인하십시오 !! @PoOZZ – Jan

AngularJS ng-repeat 반복 횟수에 따른 반복 크기 설정

답변

관련 문제