2014-03-28 4 views
0

각도 프레임 워크를 사용하여 html 페이지에 데이터를 채우려고합니다.내 경우 데이터를 html로 채우는 방법은 무엇입니까?

은 내가 동적으로 더 아코디언을 추가하는 방법을 잘 모르겠습니다 아코디언 요소를

<div ng-controller="Ctrl"> 
<accordion id='accordion' close-others="false"> 
    <accordion-group is-open="false"> 
     <accordion-heading > 
      <h2>{{heading}}</h2> 
     </accordion-heading> 
      <div> 
       <div> 
        {{data}} 
       </div> 
      </div> 
    </accordion-group> 
</accordion> 

<accordion> 
....more 
</accordion> 
multiple accordions here... 

</div> 

기존에 데이터를 추가 할 수 있습니다. 아무도 그것에 대해 나를 도울 수 있습니까? 고마워요!

+0

AngularUI를 사용하고 있습니까? 그렇지 않으면, 분명히 도움이 될 것입니다. –

+0

예 이것이 각도입니다. ui – Links

+1

그래서 더 많은 아코디언을 동적으로 생성하고 싶습니까? 나는 이것을 지시어로 감싸고, 템플릿으로 가지고있는 html을 사용하고 범위를 설정한다 : {header : '=', data : '='}. 그런 다음 사용자 지정 지시문 요소를 만들고 데이터를 제공하여 원하는만큼 아코디언을 만들 수 있습니다. –

답변

0

예를 들어 ng-show 또는 ng-hide를 사용하거나 페이지에서 모든 아코디언을 쓸 준비가되었거나 다양한 아코디언이 포함 된 ng-repaet을 사용할 수 있지만 페이지 공간 관리. 당신의 문제를 이해한다면 var data={value:'something',show:'true'} 변수를 설정하고 ng-show 매개 변수를 데이터 표시에 바인드 할 수 있습니다. 적어도 쇼 값으로 데이터 배열을 만들 수 있습니다. 솔루션의 무한 유형이 있습니다. 플 런커 (plunker) 또는 피들 (fiddle)로 도울수록 도움이 될 수 있지만 어쨌든 내 대답이 도움이되기를 바랍니다.

관련 문제