2014-12-30 5 views
0

현재 내 페이지에 슬라이더를 만들려고합니다. 슬라이더는 다른 내용 사이에서 슬라이드합니다. 즉, 각 슬라이더의 div 높이가 다릅니다. position : absolute를 사용해야하므로 애니메이션을 사용하기가 어렵습니다. 그 (왼쪽/오른쪽 슬라이드). 이 문제를 해결하기 위해 parent 컨테이너에 position : relative를 추가했습니다. 그리고 내 divs에 동일한 높이를 얻을 this directive를 사용. 그러나, 내가 직면하고있는 문제는 첫 번째 표시 div의 높이만 가져옵니다. 가장 높은 높이의 div가 먼저 표시되면 잘 작동하지만 그렇지 않으면 작동하지 않습니다 (내용이 슬라이더 외부로 나옵니다).AngularJS 높이 이퀄라이저 숨겨진 div

이퀄라이저가 각 div의 높이를 가져 와서 높이 값이 가장 큰 것을 얻고 어떻게 보이게하는 대신 이것을 사용하면 좋을까요?

추가 정보 : ng-show를 사용하여 현재 슬라이드 및 css3 애니메이션을 표시합니다.

답변

0

해결책은 꽤 논리적이었습니다. 나는 지시어에 그렇게 위대하지 않다. 하지만 약간의 연구를 한 후에이 지시어에 equalize()라는 함수가 있다는 것을 알았습니다. 즉, EqualizerState를 내 종속성에 추가 한 후에 만 ​​EqualizerState.equalize()를 호출 할 수있었습니다.