Для форматирования поля ввода я создал пользовательский канал. Но при получении перечисленных ниже проблем.
[ngModelOptions]="{updateOn:'blur'}"
при размытии значение не обновляется. - После форматирования значение равно нулю.
Пользовательский канал:
@Pipe({ name: 'numberPipe', pure: false })
export class GlobalFormatePipe implements PipeTransform {
transform(value: number): any {
if (!value) {
return new Intl.NumberFormat('en-US', { style: 'decimal', minimumFractionDigits: 2}).format(0);
}
return new Intl.NumberFormat('en-US', {style: 'decimal', minimumFractionDigits: 2}).format(value);
}
Компонент. html:
<tr *ngFor="let field of fieldArray; let i = index" >
<td>
<input type="text" [ngModelOptions]="{updateOn:'blur', standalone: true}"
(ngModelChange)="list_price=$event" [ngModel]="field.list_price| numberPipe | number : '2.2'"
(input)="percentValue(field)" />
</td>
</tr>
Component.ts:
percentValue(field) {
console.log(field.list_price); //Getting value as null after entered value in the input box.
}
Что не так в моем коде здесь? Пожалуйста, помогите.