[英]How to dynamically add mat-expansion panel?
我无法以编程方式添加mat-expansion-panel。 我想在用户通过按钮单击调用函数时添加它们。 根据需要多次添加扩展面板。
我尝试为mat-expansion添加HTML标签,这是尝试这样做的一种非常不正确的方法。 它只是添加标签而忽略该组件。
您可以将mat-expansion-panel数据添加到数组(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将出现在您的页面上
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.