html - 类型错误 : "setting getter-only property "value"

Question

我尝试更新输入值，但它返回此错误:类型错误:“设置仅 getter 属性“值”我在 Angular 中创建了一个函数来尝试修改值:

modifyValue(searchCenter, centerId){
    searchCenter.value = centerId._id;
  }

centerId 是我要分配给输入值的值。

这是 html:

<p>
      <label>Search a center</label>
      <input type="text" name="searchCenter" class="form-control" #searchCenter='ngModel' [(ngModel)]="term" [(ngModel)]="user.center" required/>

    </p>

   <div class="center panel panel-default"  *ngFor="let center of centers | filter:term">
      <div class="panel-body">

          <button (click)="modifyValue(searchCenter, center)" type="button" class="centers-button">{{center.name}}, {{center.community}},
          {{center.municipality}}</button>

      </div

>

Answer 1

问题

您正在尝试设置 string 对象的 value 属性，这是错误的。 string 没有任何名为 value 的属性。

修复

您可能正在尝试设置term的值。您有两种选择 -

1. First change

html 中的更改

#searchCenter='ngModel'

到

#searchCenter

2.Second option is change in the ts file

modifyValue(searchCenter, centerId){
    this.term = centerId._id;
  }