我有一个Angular材质扩展面板。面板是动态填充的(通过* ngFor循环)。每个面板都有一个表单,其中仅包含要选择/添加到组中的员工列表。 当我从下拉列表中选择员工名称并单击添加按钮时,扩展面板将关闭,而我希望扩展面板保持打开状态,以便可以向列表中添加更多员工。 我已经用Google搜索并尝试过此https://github.com/angular/components/issues/8476 和其他资源,但对我没有任何帮助。 请在这方面指导我。
<mat-expansion-panel expanded="false" *ngFor="let project of projects | async" [expanded]="[this.href === 'routelink']">
<mat-expansion-panel-header>{{project.name}}</mat-expansion-panel-header>
///// form ////
<mat-card-actions>
<button mat-flat-button color="primary" (click)="addMember(project, myControl.value)">Add</button>
</mat-card-actions>
</mat-expansion-panel>
And in the component file
ngOnInit() {
this.href = this.myRoute.url;