닫힌 아코디언에서 각도 ui 붕괴가 발생하지 않습니다.

Question

닫힌 아코디언에서 붕괴 표현이 트리거되지 않는 것 같습니다. ng-hide 그러나 예쁜 애니메이션이 부족한 작품도 있습니다.

나는 이것을 plunker에 표시했다.

상단의 라디오 버튼은 아코디언 내부의 "무언가 축소"상자를 결정합니다. 아코디언 탭을 열면 라디오 버튼으로 토글 할 수 있습니다. 그러나 아코디언을 닫고 "예"를 선택하고 아코디언을 열면 ng-hide 표현식이 실행되지만 붕괴 표현식은 실행되지 않습니다.

이제

<div data-ng-hide=" test != 'yes' "> 
    show something 
</div> 

나는이 아코디언 몸을 보여 붕괴를 사용하여 아코디언 함께 할 수있는 뭔가가있을 것 같아요 ... 내가 갈 필요가 있습니다 아래 어디

는

<div data-collapse=" test != 'yes' "> 
    collapse something 
</div> 

위는 표시되지 않습니다 내가 할 수있는 것이 아무것도 없다면 애니메이션으로 붕괴 복제물을 만들 수 있습니다.

모든 아이디어는 높이 평가됩니다.

Answer 1

나는 일반적인 부트 스트랩 문제를 다루고 있다고 생각합니다. 높이가 0 인 무언가에 접기를 토글하면 인라인 스타일이 0px가됩니다.

<div data-collapse=" test != 'yes' " class="ng-binding collapsing" style="height: 0px;">