单击“表单”按钮,即可关闭“角材料”垫扩展面板

时间:2019-09-05 14:38:35

标签: angular angular-material

我有一个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;

0 个答案:

没有答案