Angular 2+ 带有特殊符号的 ngModel 变量

Question

Angular 无法理解属性中带有“-”符号的 ngModel。我在 ngModel 中的以下输入中收到错误。我怎样才能在不更改属性名称的情况下完成这项工作？

<ng-container matColumnDef="DRA0">
  <th mat-header-cell *matHeaderCellDef> DRA-0 </th>
  <td mat-cell *matCellDef="let element">
      <input autocomplete="off" [(ngModel)]='element.DRA-0' />
  </td>
</ng-container>

Answer 1

简单地用方括号括起来。

<input autocomplete="off" [(ngModel)]="element['DRA-0']" />

Answer 2

作为一种选择，您可以使用字符串文字。

<input autocomplete="off" [(ngModel)]="element['DRA-0']" />

Angular 2+ 带有特殊符号的 ngModel 变量

Angular 2+ ngModel variable with special symbol

input

ngmodel

angular