Accordion手风琴

• 对复杂区域进行分组和隐藏。
• 通常，一次只允许单个内容区域展开；特殊情况，多个内容区域可以同时展开。

基本用法

手风琴模式

@Component({
  selector: 'demo-accordion-accordion',
  template: `
      <AccordionPanel
        *ngFor="let item of accordions; let i = index"
        [key]="i"
        [header]="item.title"
        [disabled]="item.inactive"
      >
        <List className="my-list">
          <ListItem *ngFor="let content of item.child">
            {{ content }}
        </List>
      </AccordionPanel>
  `
})
export class DemoAccordionAccordionComponent {
  activeKey = [1];
  accordions: Array<any> = [
    { title: 'Title 1', child: ['content 1', 'content 1', 'content 1'] },
    { title: 'Title 2', child: ['content 2', 'content 2', 'content 2'] },
    { title: 'Title 3', child: ['content 3', 'content 3', 'content 3'] }
  ];
  onChange(event) {
}

API

注意: 目前暂不支持嵌套使用