如何动态添加mat-expansion面板？
如何动态添加mat-expansion面板？
提问于 2019-05-23 01:09:58
我无法以编程方式添加mat-expansion panel。我想在用户通过单击按钮调用函数时添加它们。根据需要多次添加扩展面板。
我尝试为mat-expansion添加HTML标记，这是非常不正确的尝试方式之一。它只是添加了标签，而忽略了组件。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-05-23 03:42:58
您可以将mat-expansion-panel数据添加到一个数组(matExpansionPanelArray)中，然后使用* an：
<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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56261869
复制相关文章
相似问题