2014-03-28 118 views
0

我想使用Angular框架將數據填充到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參數綁定到數據顯示,至少你可以用show值做一個數據數組,但是有一個無限類型的解決方案。 隨着蹦牀或小提琴可能會更容易幫助,但我希望我的答案可以幫助你無論如何。

相關問題