當模型更改爲相同的值時Angular2：百分比管道不工作

Question

我正在使用來自primefaces的p-dataTable。當我第一次加載值時，百分比管道工作。假設field1 = 0.1的值，它顯示10％。當我從10％更改值並鍵入20時，管道將其更改爲20％。現在的問題是，當我再次輸入20時，管道現在不會格式化爲20％。

<p-dataTable [value]="myValue"> 
    <p-column field="field1" header="field1"> 
     <template let-col let-can="rowData" let-index="rowIndex" pTemplate="body"> 
      <input value="{{can[col.field]|percent}}" (change)="onCellChange($event.target.value, col.field, index)"/> 
     </template> 
    </p-column> 
</p-dataTable> 

的打字稿：

onCellChange(value: number, field: string, index: number) { 
    this.myValue[index][field] = value/100; 
} 

Answer 1

使用方括號來代替表達結合。

<input [value]="can[col.field]|percent" (change)="onCellChange($event.target.value, col.field, index)"/>