Question

我有一个mat-table，其数据从数据库加载，其中一列必须是教科书，因此用户可以编辑其内容以更新数据库中的表

问题是我无法在文本框中加载数据

    <ng-container matColumnDef="test">
      <mat-header-cell *matHeaderCellDef mat-sort-header> test </mat-header-cell>
      <mat-cell *matCellDef="let row"><input type="text"
        [(ngModel)]="model.test" 
        name="test"  id="test" >{{row.test}}</mat-cell>
    </ng-container>

如何在文本框中创建数据{{row.test}}？

Answer 1

为此，我建议您使用value属性，如下所示：

<input type="text" value="{{row.test}}" [(ngModel)]="model.test" name="test"  id="test" >

这样，您的输入中将具有默认值 row.test ，它仍将绑定到您的模型的 model.test 。有关用户输入的更多信息，您可以阅读官方input docs。

Angular：将SQL数据加载到文本框中

1 个答案: