Question

在我的应用程序中，我从SQL数据库中获取数据并将其显示在表中。我有三个组件：grid.component.ts，row-display.component.ts和row-edit.component.ts。我试图将row-display.component.ts设置为默认视图（当没有选择行时）并使用ngSwitch切换到row-edit.component.ts，但只在一行上，只要该特定行为＆＃ 34;选择＆＃34;或点击。

我认为我会做一些函数来查看是否选择了某一行，如果没有选择行，它会进行行显示，如果有一行，它会＆＃39; d找出哪一行，将该行传递给行编辑并显示我用于行编辑但仅适用于该行的模板。在大多数情况下，我不确定我的设置是否正确，我也不确定如何确定选择了哪一行，因为我是从数据库中大量显示内容

我在这里实施ngSwitch声明：

＆＃13;

    <tr *ngFor="let pto of ptoData">
      <ng-container *ngIf="pto.type === selectedType">
        <ng-container *ngIf="pto.EmpKey === empInfo[selectedEmployee].EmpKey">
          <ng-container [ngSwitch]="isRowSelected()">
            <ng-container *ngSwitchCase="false">
              <pto-row-display></pto-row-display>
            </ng-container>
            <ng-container *ngSwitchCase="true">
              <pto-row-edit></pto-row-edit>
            </ng-container>
          </ng-container>
        </ng-container>
      </ng-container>
    </tr>

＆＃13;

看起来是否正确？然后，如果我弄清楚如何选择哪一行将其放入函数中？

表格内的ngSwitch

0 个答案: