Можно ли использовать виртуальный свиток cdk в ngbaccordion - PullRequest
Новая
       45

Можно ли использовать виртуальный свиток cdk в ngbaccordion

0 голосов
/ 28 марта 2019

Необходимо знать, возможно ли использовать эту новую функцию @ angular / cdk / scrolling в определенном аккордеоне, таком как ng-bootstrap's (в мат-аккордеоне это https://stackblitz.com/edit/virtual-scroll-expansion-panels?file=app%2Fapp.component.ts)

https://stackblitz.com/edit/angular-ahzm1v?file=app%2Faccordion-basic.ts

1 Ответ

0 голосов
/ 29 марта 2019

Да, возможно, компонент, состоящий из виртуальной прокрутки, будет находиться внутри компонента аккордеона.

проверьте демо здесь

accordian.component.html: 

<ngb-accordion #acc="ngbAccordion" >
    <ngb-panel [title]="num" *ngFor="let num of numbers">
        <ng-template ngbPanelContent>
            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
            put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
            wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings
            <cdk-virtual-scroll> Loading..... </cdk-virtual-scroll>
            occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore
            sustainable VHS.
        </ng-template>
    </ngb-panel>
</ngb-accordion>

РЕДАКТИРОВАТЬ : приведенный выше код стекаблика по-прежнему актуален.Следующий CSS делает аккордеон внутри виртуальной прокрутки. 

  ngb-accordion {
    height: 400px;
    display: block;
    overflow-y: scroll; }
...