각도에서 아코디언을 사용하는 방법?

다음과 같은 아코디언이 있습니다. 내가 겪고있는 문제는 "섹션 1"을 클릭하면 아코디언이 확장 된 것처럼 보이지만 사실 페이지를 새로 고치고 접을 수 없습니다. 아코디언을 열려면 어떻게해야 하나 페이지를 새로 고침하지 않으시겠습니까?각도에서 아코디언을 사용하는 방법?

 <div class="accordion"> 
      <div class="accordion-group"> 
       <div class="accordion-heading"> 
        <a class="accordion-toggle-small" data-toggle="collapse" data-parent="#accordianParent" href="#sectionOne" style="border-left: 3px solid red;padding-left:10px;"> 
         Section One 
        </a> 
       </div> 
       <div id="sectionOne" class="accordion-body collapse"> 
        <div class="accordion-inner-small"> 
         Here is all the wonderful stuff in section ONE.<br> 
         <br> 
         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
        </div> 
       </div> 
      </div> 
      <div class="accordion-group"> 
       <div class="accordion-heading"> 
        <a class="accordion-toggle-small" data-toggle="collapse" data-parent="#accordianParent" href="#sectionTwo"> 
         Section Two 
        </a> 
       </div> 
       <div id="sectionTwo" class="accordion-body collapse"> 
        <div class="accordion-inner-small"> 
         Here is all the wonderful stuff in section TWO.<br> 
         <br> 
         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
        </div> 
       </div> 
      </div>

출처

2014-01-16 Rolando

당신은 부트 스트랩 아코디언과 아코디언에있는 href 링크를 사용하는이 각도에 의해 차단되지 않는 (I 동시에 여러 섹션을 열 수 있도록 아코디언 싶습니다) 따라서 전체 페이지로드.

아코디언에 대해서는 UI Bootstrap 또는 Angularstrap을 제안합니다. 아니면 href없이 동작이 지원되는지 찾기 위해 부트 스트랩 문서를 살펴보십시오.

출처

2014-01-16 04:00:58 Chandermani

내 프로젝트에서 이미 UI 부트 스트랩 또는 앵글 스트랩이 아닌 부트 스트랩 (특수한 각진 부트 스트랩 버전이 아님)을 사용하고 있습니다. UI Bootstrap이나 Angularstrap을 사용하지 않고 사용하는 간단한 방법이 있습니까? 아니면 필요한가요? – Rolando

href없이 시도하거나 div \ button과 같은 다른 HTML 요소를 사용할 수 있습니까? – Chandermani

위의 구성 요소에 대한 코드를 참조하십시오. – Chandermani

각도에서 아코디언을 사용하는 방법?

답변

관련 문제