angular - Angular 2方式绑定为什么这不起作用？

Question

为什么这不起作用？我想将第二个输入的值更改为第一个输入的值 + 100。但在数组中我只想保留第一个输入的值。有什么办法可以使这项工作？

  <div *ngFor="let item of cart" class="item">
      <h3>{{ item.side }}</h3>
      <div class="rate">{{ item.odds }}</div>
      <div class="mat">
        {{ "match: " + item.teams.teama + " Vs " + item.teams.teamb }}
      </div>

      <div class="inp">
        <input type="number" placeholder="Risk" [(ngModel)]="item.value" />
        <input type="number" placeholder="Win" [(ngModel)]="{{item.value+100}}" />
        <p>{{ item.value }}</p>
      </div>
    </div>

标签： angular

Answer 1

您不能以两种方式绑定到表达式

<input type="number" placeholder="Risk" [(ngModel)]="item.value" (change)="item.value2 = item.value + 100" />
<input type="number" placeholder="Win" [(ngModel)]="item.value2" (change)="item.value = item.value2 - 100" />