在Angular中的INPUT元素中使用ngModel中的管道我有一個HTML INPUT字段。<input
[(ngModel)]="item.value"
name="inputField"
type="text" />我想格式化它的值并使用現(xiàn)有的管道：.... [(ngModel)]="item.value | useMyPipeToFormatThatValue" ....并收到錯誤消息：動作表達式中不能有管道在這種情況下如何使用管道？
3 回答
慕蓋茨4494581
TA貢獻1850條經(jīng)驗 獲得超11個贊
<input [ngModel]="item.value | useMyPipeToFormatThatValue" (ngModelChange)="item.value=$event" name="inputField" type="text" />
這里的解決方案是將綁定拆分為單向綁定和事件綁定 - 語法[(ngModel)]實際包含在內(nèi)。[]是單向綁定語法，()是事件綁定語法。當一起使用時 - [()]Angular將其識別為速記，并以單向綁定和綁定到組件對象值的事件的形式連接雙向綁定。
您不能使用[()]管道的原因是管道僅適用于單向綁定。因此，必須將管道拆分為僅對單向綁定進行操作并單獨處理事件。
有關(guān)詳細信息，請參閱角度模板語法。
慕碼人8056858
TA貢獻1803條經(jīng)驗 獲得超6個贊
<input [ngModel]="item.value | currency" (ngModelChange)="item.value=$event"name="name" type="text" />
我想再接受一個接受的答案。
如果輸入控件的類型不是文本，則管道將不起作用。
記住它并節(jié)省您的時間。
- 3 回答
- 0 關(guān)注
- 1947 瀏覽
添加回答
舉報
0/150
提交
取消