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)"/>

Angular2：当模型更改为相同值时，百分比管道不起作用

1 个答案: