gpt4 book ai didi

angular - 如何动态添加mat-expansion panel?

转载 作者:行者123 更新时间:2023-12-05 01:40:37 27 4
gpt4 key购买 nike

我无法以编程方式添加 mat-expansion-panel。我想在用户通过单击按钮调用函数时添加它们。根据需要多次添加扩展面板。

我尝试为 mat-expansion 添加 HTML 标签,这是一种非常不正确的尝试方法。它只是添加标签并忽略组件。

最佳答案

您可以将垫扩展面板数据添加到数组 (matExpansionPanelArray) 中,然后使用 *ngFor:

<mat-accordion>
<mat-expansion-panel *ngFor="let item of items;">
<mat-expansion-panel-header>
<mat-panel-title>{{item.title}}</mat-panel-title>
<mat-panel-description>{{item.description}}</mat-panel-description>
</mat-expansion-panel-header>
<mat-form-field>{{item.formField}}</mat-form-field>
</mat-expansion-panel>
</mat-accordion>

因此,如果您动态地将数据添加到“matExpansionPanelArray”,一个新的 mat-expansion-panel 将出现在您的页面上

关于angular - 如何动态添加mat-expansion panel?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56261869/

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