需要引入的js庫有:
bootstrap.css,
angular.js,
ui-bootstrap-tpls-0.11.0.js
模板:
<accordion close-others="oneAtATime">//當oneAtATime的值爲true,顯示爲只能同時展開一項,否則可以同時展開多項
<accordion-group is-open="status.open">//當status.open的值爲true,title1的內容content1展開,否則關閉
<accordion-heading>
tilte1
</accordion-heading>
content1
</accordion-group>
<accordion-group is-disabled="status.disabled">//當status.disabled的值爲true,title2的內容content2無法展開,否則正常
<accordion-heading>
tilte2
</accordion-heading>
content2
</accordion-group>
<accordion-group>
<accordion-heading>
tilte3
</accordion-heading>
content3
</accordion-group>
</accordion>