带Firebase的Datagrid clarity组件

Question

我有一个数据网格来填充来自Firebase Cloudstore的数据(根据来自Firebase的lastUpdated日期排序)，当我编辑行时，我有一个模式对话框，我可以在其中编辑信息，当保存条目时，我将lastUpdated设置为sysdate。编辑工作正常(时间戳也更新了)，但它从表中选择了错误的行。在表中，我有一个列，它是来自Firebase的documentId。为了验证它是否选择了错误的编辑，我在控制台上记录了传递给documentId方法的documentId，它与我在视图中选择要编辑的行上的那个不同。我的代码与下面的代码完全一样(摘自clarity文档)。我做错了什么？

<clr-dg-row *clrDgItems="let user of users" [clrDgItem]="user">
    <clr-dg-action-overflow>
        <button class="action-item" (click)="onEdit(user)">Edit</button>
        <button class="action-item" (click)="onDelete(user)">Delete</button>
    </clr-dg-action-overflow>
    <-- ... -->
</clr-dg-row>

Answer 1

这里有一些结构问题。

首先，通道应该是顶级的，而不是在Datagrid内部。基本上，它会导致显示最后定义的(相同clrModalOpen绑定的)模式，而不显示其他模式。

其次，单击一条记录并不会传递或设置您正在选择的行的任何状态。因此，您的表单不知道正在编辑的是哪一行，并且您的模型是未定义的。

您的模式将输出connection.id的原因是您将其定义为datagrid行本身的内联，其中存在connection局部变量。但是，您必须将其传递给模型，因为它必须位于datagrid本身之外。

请参阅https://stackblitz.com/edit/angular-azbaxr?file=src%2Fapp%2Fapp.component.html