Question

我试图在悬停该单个列上更新一个表单元格，而不是所有相同内容的列。这正在更新我的ngswitchCase挂起的所有列，但我只希望那个表中的那个单元格特定行以更新/渲染不同的按钮。

<div [ngSwitch]="rowData['dataFromJson']">
  <div *ngSwitchCase="'pending'">
    <div *ngIf="condition"; then thenBlock; else elseBlock">
    </div>
    <ng-template #thenBlock>
      <button (mouseover)="condition=!condition">A</button>
    </ng-template>
    <ng-template #elseBlock>
      <button (mouseleave)="condition=!condition">B</button>

    </ng-template>
  </div>

Answer 1

假设我们看到的是更大模板的片段，而不是组件的整个模板：如果在组件之间共享一个属性condition，那么每个人当然都是对还是错。将condition设置为数组（每行一个条目）。

或者，将以上内容设为单独的组件，然后将condition包含在其范围内。

如何在Angular中更新表的单个单元格？

1 个答案: