gpt4 book ai didi

Angular mat-tab 延迟加载并在选项卡之间保留数据

转载 作者:行者123 更新时间:2023-12-04 13:00:50 25 4
gpt4 key购买 nike

我正在使用 Angular Material mat-tab,每个选项卡都有动态表单的内容。

我正在尝试使用延迟加载方法,以避免在开始时加载所有选项卡内容,并且只加载每个选项卡以提高 Internet Explorer 中的性能。

我面临的问题是每次更改选项卡并丢失我输入的数据时它都会重新加载选项卡。

任何建议如何在此处使用延迟加载?

 <mat-tab-group [(selectedIndex)]="selectedTab"  
(selectedIndexChange)="tabChange($event)">
<mat-tab #tab *ngFor="let page of dataset; let tabIndex =
index; trackBy: tabIndex;" [label]="page.title">
<ng-container *ngFor="let section of
page.groupedSections">
//I am loosing the data here if i do lazy-loading
<dynamic-form [fields]="section.fields"></dynamic-form>
</ng-container>
</mat-tab>
</mat-tab-group>

最佳答案

如果您有已知数量的选项卡及其名称,则可以创建一个以选项卡名称作为键和空值的对象。然后遍历模板中该对象的键列表。然后,当用户第一次单击任何选项卡时,它将加载数据并将其存储在全局对象中的正确键中。然后只需从该对象读取数据,而无需发出其他请求。

关于Angular mat-tab 延迟加载并在选项卡之间保留数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57496822/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com