Saya mencoba membuat bidang yang mengevaluasi kontennya beberapa saat setelah saya berhenti mengetik data ke dalamnya. Saya dapat membuatnya berfungsi dalam bentuk sebelumnya dengan ini:

<div class="input-field">
<input type="text" [(ngModel)]="distance" 
[floatInput]="true" 
[ngClass]="{ 'invalid': ( form.get( 'distance' ).hasError('required') ) }" [formControl]="form.get( 'distance' )" 
debounce (afterValueChanged)="setDistance( distance )"  
min="2" value="1" >
</div>

Bagian debounce adalah yang penting. Ini berfungsi sebagaimana dimaksud. Namun, saya harus membuatnya berfungsi di bidang lain, dan itu tidak berfungsi sama sekali. HTMLnya terlihat seperti ini:

<div class="input-field centerblock fullwidth">
<input type="text" 
[disabled]="!editable" 
[floatInput]="true" placeholder="0.00" 
[id]="'oap'+pos" [(ngModel)]="item.monto" 
debounce (afterValueChanged)="montoActualizado( $event.target.value, item)" >
</div>

Adakah yang tahu mengapa ini tidak berhasil?

1
dizzydizzy 29 Oktober 2019, 16:37

1 menjawab

Jawaban Terbaik

Sepertinya Anda lupa menambahkan [formControl]="form.get( 'item.monto' )":

<div class="input-field centerblock fullwidth">
<input type="text" 
[disabled]="!editable"
[formControl]="form.get( 'item.monto' )" 
[floatInput]="true" placeholder="0.00" 
[id]="'oap'+pos" [(ngModel)]="item.monto" 
debounce (afterValueChanged)="montoActualizado( $event.target.value, item)" >
</div>
1
StepUp 29 Oktober 2019, 13:42