src/lib/dynamic-form-element/dynamic-form-items/dynamic-form-accordion/dynamic-form-accordion.component.ts
DynamicFormAccordionBase
| selector | bs-dynamic-form-accordion |
| templateUrl | ./dynamic-form-accordion.component.html |
constructor()
|
import { Component } from '@angular/core';
import { DynamicFormAccordionBase } from '@dynamic-forms/core';
@Component({
selector: 'bs-dynamic-form-accordion',
templateUrl: './dynamic-form-accordion.component.html',
})
export class BsDynamicFormAccordionComponent extends DynamicFormAccordionBase {
constructor() {
super();
}
}
<div class="dynamic-form-items dynamic-form-accordion accordion" [ngClass]="template.className">
<div class="accordion-item" *ngFor="let child of element.children; let index = index">
<div class="dynamic-form-item-header accordion-header" [class.disabled]="child.disabled" (click)="toggleItem(index)">
<button class="accordion-button" [class.collapsed]="index !== selectedIndex" type="button">{{ child.label }}</button>
</div>
<div class="dynamic-form-item accordion-body" *ngIf="index === selectedIndex">
<dynamic-form-elements [elements]="child.children"></dynamic-form-elements>
</div>
</div>
</div>