Ionic Collapasable View 토글 클래스 문제

Question

직면했습니다. collapasable 메뉴에 약간의 사소한 문제가 있습니다. 나는 그것을 토글하고 싶다. 하지만 작동하지 않습니다.

내 소스 코드를 공유하고 있습니다.

html로리스트 인덱스 CSS에서

$scope.collapse = function(index){ 
     document.querySelector('.canCollapse'+index).classList.toggle('hideBody') 
    } 

.hideBody .item-body{ 
    display: none; 
} 


.hideBody .ifClose{ 
    display: inline-block; 
} 

.hideBody .ifOpen{ 
    display: none; 
} 

팀하십시오 결의에 따라 버튼 // ----- 인덱스 값 변경의 클릭에

<div class="canCollapse canCollapse{{index}} hideBody"></div> 
    <div class="standardIcon" ng-click="collapse({{index}})"> 

    </div> 

내 문제.

당신은 숨이 코드와 같은 콘텐츠 표시 할 수 있습니다

Answer 1

:

CSS :

.hideBody { 
    display: none; 
} 

HTML :

<div ng-init="isShow=false;" ng-class="{ 'hideBody': isShow }">Data to show</div> 
    <div class="standardIcon" ng-click="isShow = !isShow; ">click </div> 

을