Accordion手风琴

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

手风琴模式

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

API

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