Angular 5组件。组织仅编辑一个字段

Question

如何只编辑多个字段？

这是代码：

<div *ngIf="count > 0">
<div *ngFor="let prop of propertyList;">
  <p>{{prop}}</p>
</div>
<button (click)="switchFlag(prop)">Edit</button>
<div *ngIf="editFlag; then selectProperty else emptyTemplate"></div>

<ng-template #selectProperty>
  <mat-form-field>
    <mat-select placeholder="Select property">
      <mat-option *ngFor="let prop of getProps(selectProperty); let j = index" [value]="prop">
        {{ prop }}
      </mat-option>
    </mat-select>
  </mat-form-field>
</ng-template>

<ng-template #emptyTemplate>

</ng-template>

结果将是这样的：

属性1 [编辑按钮]
属性2 [编辑按钮]
属性3 [编辑按钮]
属性4 [编辑按钮]
属性5 [编辑按钮]

如何组织编辑仅针对第三个属性。目前我尝试附加点击事件按钮，但点击后，每个属性都会切换进行编辑。